atn-claudecode-config

Create distinctive frontend interfaces, review UI against web guidelines, and build brand identities. USE WHEN building web UI, designing components, pages, landing pages, dashboards, auditing UX/accessibility, reviewing design, creating brand assets, logos, or styling web applications.

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Reference patterns for common code structures. USE WHEN building API clients, designing REST/GraphQL APIs, implementing error handling, state management, UI components, or database schemas.