frontend-dev-guidelines

31

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.

Commands

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install Linhv14/claude-skill/frontend-dev-guidelines
skilz install Linhv14/claude-skill/frontend-dev-guidelines --agent opencode
skilz install Linhv14/claude-skill/frontend-dev-guidelines --agent codex
skilz install Linhv14/claude-skill/frontend-dev-guidelines --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/Linhv14/claude-skill
2. Copy the agent skill directory:
cp -r claude-skill/.claude/skills/frontend-development ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Repository
claude-skill
Type
Non-Technical
Meta-Domain
general
Primary Domain
general
Sub-Domain
javascript react code
Market Score
31

Report Security Issue

Found a security vulnerability in this agent skill?