Skills
.Work. You
Rest

make-component

Community

Scaffold accessible React components fast.

Software Engineering#accessibility#react#component#tailwind#design-system#framer-motion
AuthorJaimeJunr
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Creates React components following the specialized rules designer-react and react-components, ensuring accessibility, performance, animation, and design system compliance.

Core Features & Use Cases

  • Automated component scaffolding across atom, molecule, organism, page, and component types, with consistent architecture and styling based on shadcn/ui, Framer Motion, and Tailwind CSS.
  • Enforces parameter validation (--name, --type, --animated, --path), plus planning and implementation guidance for reliable production-ready components.
  • Supports integration with a design-system workflow, accessibility checks, and performance best-practices during generation.

Quick Start

Run the make-component command with the required flags to generate a new 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: make-component
Download link: https://github.com/JaimeJunr/context-mode/archive/main.zip#make-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.