Skills
.Work. You
Rest

react-convention

Community

Standardizes React/Next.js coding conventions.

Software Engineering#performance#frontend#react#hooks#next.js#coding-conventions#component-design
Authoriceflower
Version1.0.0
Installs0

System Documentation

What problem does it solve?

React and Next.js projects often suffer from inconsistencies in component patterns, hooks usage, and project structure, making reviews slower and onboarding harder.

Core Features & Use Cases

  • Component Design Principles: Server Components vs Client Components, naming, and composition for predictable UI.
  • Hooks & Patterns: Rules for using hooks, custom hooks, and data fetching patterns (server vs client).
  • Project Governance: Clear guidelines for file layout, testing, performance, and documentation.

Quick Start

Follow these conventions to write consistent, maintainable React and Next.js components, hooks, and project structure.

Dependency Matrix

Required Modules

None required

Components

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-convention
Download link: https://github.com/iceflower/agent-skills/archive/main.zip#react-convention

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.