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.
8.7
Rating
0
Installs
Frontend Development
Category
Excellent frontend development skill with comprehensive React/TypeScript guidelines. The description accurately covers all capabilities (Suspense, lazy loading, MUI v7, TanStack Router, etc.). SKILL.md is exceptionally well-structured with quick-start checklists, import aliases, navigation guides, and a modular design that references detailed topic-specific resources. Provides extensive task knowledge through cheat sheets, templates, and complete examples. The modular structure (10 resource files) prevents clutter while maintaining accessibility. High novelty: consolidating modern React patterns (useSuspenseQuery, Suspense boundaries, features directory, MUI v7 Grid syntax) into actionable guidelines would require significant token usage for an LLM to synthesize from scratch. Minor improvement opportunity: could add more context about when NOT to use certain patterns, but overall this is a production-ready, highly practical skill.
davila7
Skill Author
Loading SKILL.md…
Skill Author
