Skills
.Work. You
Rest

react-component

Official

Streamline React components with ease.

Software Engineering#frontend#react#component#ui-design#shadcn-ui#code-generation
AuthorIDEA-on-Action
Version1.0.0
Installs0

System Documentation

What problem does it solve?

React 컴포넌트 생성과 shadcn/ui 통합은 반복적이고 설정이 많아 생산성을 저하시킨다. 이 스킬은 표준 구조를 제시하고 생성 흐름을 단순화한다.

Core Features & Use Cases

  • 컴포넌트 템플릿 생성: src/components/와 하위 폴더 구조를 표준화한다.
  • shadcn/ui 통합 자동화: 필요한 컴포넌트를 빠르게 추가하고 스타일링을 일관되게 적용한다.
  • Use Case: 새 페이지에 필요한 Button/Card 조합을 빠르게 생성한다.

Quick Start

예: Button 컴포넌트를 추가하려면 npx shadcn@latest add button을 실행합니다.

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-component
Download link: https://github.com/IDEA-on-Action/IDEA-on-Action/archive/main.zip#react-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 545,000+ vetted skills library on demand.