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