Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
7.8
Rating
0
Installs
Frontend Development
Category
Excellent frontend development skill with comprehensive coverage of React/TypeScript patterns. The SKILL.md provides outstanding structure with clear checklists, quick reference tables, and navigation to detailed resources. Task knowledge is exceptional with concrete patterns for components, data fetching, routing, styling, and performance. The modular organization (10 separate resource files) keeps the main file scannable while providing depth when needed. Description clearly identifies use cases. Novelty is strong (8/10) as it encodes opinionated modern patterns (Suspense, useSuspenseQuery, lazy loading, MUI v7, TanStack Router) that would require many tokens for an LLM to synthesize correctly. The 'no early returns' rule, import alias standards, and feature-based organization are non-obvious patterns that meaningfully reduce agent cost and errors. Minor improvement possible: could include a troubleshooting section for common mistakes.
mrgoonie
Skill Author
Loading SKILL.md…
Skill Author
