Skills
.Work. You
Rest

scaffolding-react-components

Community

Scaffold React components with TS and CSS.

Software Engineering#typescript#react#scaffold#storybook#css-modules#frontend-tooling#component-boilerplate
AuthorWesleySmits
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Scaffolds React/Next.js components with TypeScript, CSS modules, tests, and Storybook.

Core Features & Use Cases

  • Automatically generate a TypeScript React component scaffold with TS props typing, CSS module file, test placeholder, and Storybook story.
  • Aligns with project conventions (src/components, app/components) and export patterns for barrel files.
  • Use case: When starting a new component named Button, generate directory with Button.tsx, Button.module.css, Button.test.tsx, Button.stories.tsx, and index.ts.

Quick Start

Ask for a component name and project path to generate a complete React component scaffold.

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: scaffolding-react-components
Download link: https://github.com/WesleySmits/agent-skills/archive/main.zip#scaffolding-react-components

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.