frontend▌

Use this skill when:

Build maintainable, performant React and Next.js frontends.

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 69 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Instant atomic CSS engine with Tailwind CSS compatibility and flexible preset-based architecture. \n \n Superset of Tailwind CSS with un-opinionated core; all utilities provided via presets including Wind3, Wind4, Mini, Icons, Attributify, Typography, and Web Fonts \n Supports static and dynamic rules, shortcuts, theming, variants, and CSS layers for fine-grained styling control \n Includes transformers for variant grouping, CSS directives (@apply, @screen, theme()), and JSX attributify support

NetSuite is a cloud-based enterprise resource planning (ERP) software suite. It helps businesses manage various operations like accounting, inventory, and supply chain. It's typically used by medium to large-sized companies.

Build scalable customer support systems that grow with your product without requiring linear hiring increases.

Maintain consistent character appearance across AI-generated images using reference sheets and detailed descriptions. \n \n Create turnaround sheets (front, 3/4, side, back views), expression sheets (6+ emotions), outfit variations, and color palettes to document character design \n Use a 50+ word detailed description anchor reused exactly in every prompt as the most practical consistency technique for small projects \n Train character-specific LoRA models for projects requiring many images, wit

Server Components use DIFFERENT navigation methods than Client Components!

Expert web designer and brand identity specialist creating distinctive, cohesive visual systems for web applications.

Research a codebase and produce an architectural document describing how features or systems work. The output is a markdown file organized for both human readers and future AI agents.