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.
安装
npx skills add davila7/claude-code-templates --skill frontend-dev-guidelinesnpx skills add davila7/claude-code-templates --skill frontend-dev-guidelines -a claude-code -gnpx skills add davila7/claude-code-templates --skill frontend-dev-guidelines -a codex -ggemini skills install https://github.com/davila7/claude-code-templates.git --path cli-tool/components/skills/development/frontend-dev-guidelinesgh skill install davila7/claude-code-templates frontend-dev-guidelinesgit clone --depth 1 https://github.com/davila7/claude-code-templates /tmp/davila7__claude-code-templates
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/development/frontend-dev-guidelines ~/.claude/skills/frontend-dev-guidelines # Claude Code
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/development/frontend-dev-guidelines ~/.agents/skills/frontend-dev-guidelines # Codex, Cursor, Gemini CLI, Copilot, OpenCode