skills.homes logoskills.homescapability registry
home/categories/full-stack/diet103-claude-code-infrastructure-showcase-claude-skills-frontend-dev-guidelines-skill-md
cd ..
full-stackdevelopment

frontend-dev-guidelines

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.

查看源码full-stack
diet103
maintainer
diet103
更新于 10/31/2025
星标
8506
分支
1120
quick start

Installation and usage

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.

安装
$ install --globalskills.sh
使用

安装后，您可以通过在终端运行以下命令来使用此技能：

skills use frontend-dev-guidelines