Frontend Patterns Skill

TEMPLATE: This skill uses {{PLACEHOLDER}} tokens. Replace with your project values before use.

Purpose

Ensure consistent frontend development using established patterns for your framework (Next.js App Router, React, etc.), authentication provider, UI component library, and analytics platform.

When This Skill Applies

• Building new UI components or pages
• Implementing authentication flows
• Adding forms with validation
• Integrating analytics events
• Creating protected/authenticated routes
• Working with component libraries (shadcn/ui, Radix, etc.)

Server vs Client Components