Skills
.Work. You
Rest

add-component

Community

Scaffold polished React components fast.

Software Engineering#typescript#react#scaffolding#i18n#generate#dark-mode
Authorabdoulayesow
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Scaffolds React components with TypeScript, dark mode support, i18n integration, and design-system templates to speed up UI development.

Core Features & Use Cases

  • Generates TS interfaces, prop typings, and patterned component templates (modal, table, card, form, chart)
  • Ensures dark mode, i18n, and responsive design adherence
  • Use Case: Quickly bootstrap a new UI element like a modal or data table with full typing and localization

Quick Start

Run the /component [name] [type] command to generate a new React component.

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: add-component
Download link: https://github.com/abdoulayesow/restaurant-hub-app-001-2026/archive/main.zip#add-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 471,000+ vetted skills library on demand.