react-component-convention
CommunityReact component conventions for clean code.
Authorncaq
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill defines and enforces a standard for React component structure, ensuring consistency across a codebase by outlining the expected ordering, one-component-per-file rule, and guidelines for splitting large components.
Core Features & Use Cases
- Enforces a predictable file layout: import grouping, props/types, and component definition to reduce cognitive load when reading files.
- Promotes maintainability: prevents bloated components by advocating one-component-per-file and clean separation of concerns.
- Use Case: When reviewing a new React component, apply these conventions to quickly assess structure and readability.
Quick Start
Follow the prescribed file order and ensure one component per file when creating or reviewing React components.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-component-convention Download link: https://github.com/ncaq/konoka/archive/main.zip#react-component-convention Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.