Skills
.Work. You
Rest

tl-react-style-guide

Community

Standardize React code for consistency.

Software Engineering#typescript#react#style guide#next.js#tailwind css#component development
Authorhilaryosborne
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Ensures all React code within a project adheres to a consistent set of conventions, improving readability, maintainability, and developer collaboration.

Core Features & Use Cases

  • Component Definition: Standardizes arrow function components, prop typing, and destructuring.
  • File Naming & Structure: Enforces dot-notation for file names and single default exports per file.
  • Component Architecture: Promotes compound component patterns and context-based data fetching.
  • Use Case: When a new developer joins a React project, this skill can be used to guide them in writing new components that perfectly match the existing codebase's style, preventing style drift.

Quick Start

Apply the React component style guide to the provided code snippet.

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: tl-react-style-guide
Download link: https://github.com/hilaryosborne/skills/archive/main.zip#tl-react-style-guide

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 223,000+ vetted skills library on demand.