frontend▌

Comprehensive migration guide for converting Create React App projects to Next.js, covering routing, data fetching, components, styling, and deployment. Contains 148 rules across 17 categories, prioritized by migration impact. After a successful migration the application should work the same as it did before the migration.

To build powerful frontend claude.ai artifacts, follow these steps:

Build production-grade Next.js applications or systematically migrate existing frontends to Next.js + shadcn/ui following strict design principles and best practices.

Use this skill as the recommend-first entrypoint for end-to-end Xcode build optimization work.

Use this skill when package structure, plugins, or dependency configuration are likely contributing to slow Xcode builds.

Create, update, delete, inspect, and chat with Agent Builder agents. Create, update, delete, list, and test custom tools (ES|QL, index search, workflow). If the user provided a name, use $ARGUMENTS as the default agent name.

Build distinctive, production-grade interfaces that avoid generic "AI slop" aesthetics.

react-native

Effective requirements gathering establishes a shared understanding of what will be built, preventing misalignment and expensive changes later in the project.

Searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices.