Skills
.Work. You
Rest

create-component

Community

Generate React components with convention.

Software Engineering#typescript#code scaffolding#react#boilerplate#frontend development#component generation
AuthorChoiHyunjin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of React components, ensuring they adhere to project-specific conventions and patterns, saving developers time and reducing boilerplate code.

Core Features & Use Cases

  • Component Generation: Creates new React components based on specified types (Simple, Responsive, Compound).
  • Type Support: Supports three distinct component patterns: Simple, Responsive (Desktop/Mobile separation), and Compound Component.
  • Use Case: When starting a new feature, use this Skill to quickly scaffold a UserProfileCard component with the appropriate structure for a responsive design.

Quick Start

Use the create-component skill to generate a new React component named UserProfileCard in the apps/pts/src/components directory.

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: create-component
Download link: https://github.com/ChoiHyunjin/ai_skills/archive/main.zip#create-component

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.