frontend-standards
React patterns and frontend best practices for this project. Use when implementing React components, hooks, routes, styling, or client-side logic in packages/client.
Security Assessment
About frontend-standards
The 'frontend-standards' skill provides a comprehensive set of React patterns and code examples aimed at guiding developers in the implementation of frontend applications. It serves as an essential resource when a more in-depth, step-by-step approach is needed beyond the auto-loaded frontend rules. This skill is ideal for scenarios where developers need specific, detailed code implementations to align with best practices in frontend development. It complements standard frontend guidelines by offering concrete examples, addressing scenarios like state management, asynchronous operations, and routing with TanStack Router/Query, among others.
FAQ
What is the purpose of the 'frontend-standards' skill?
The 'frontend-standards' skill provides detailed React patterns and concrete code examples for frontend implementation, solving the need for step-by-step guidance beyond standard auto-loaded frontend rules.
Is this skill compatible with all frontend frameworks?
This skill specifically focuses on React-based patterns and code examples. It is tailored for frontend development using React and related tools.
Where can I find the declarative rules for frontend implementation?
Declarative rules, including conventions, directory structure, and naming, are located in '.claude/rules/frontend.md' and are auto-loaded for the 'packages/client/**' directory.
Are there any prerequisites for using this skill?
The skill assumes familiarity with React and its ecosystem. It is designed for developers who are already working with React-based applications and require advanced patterns and code examples.
Install frontend-standards
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
ms2sato/agent-console