react-scaffold

What problem does it solve?

This Skill eliminates the repetitive and time-consuming task of creating boilerplate files for new React components, allowing developers to focus on building features rather than setting up files.

Core Features & Use Cases

• Automated File Generation: Creates a complete component folder including .tsx, .test.tsx, .stories.tsx, and index.ts files.
• Type Safety: Generates a typed props interface for better code quality.
• Testing & Storybook Integration: Includes basic unit tests and Storybook stories out-of-the-box.
• Use Case: When starting a new feature that requires several UI components, use this skill to quickly generate the foundational files for each, ensuring consistency and saving significant setup time.

Quick Start

Use the react-scaffold skill to create a new component named 'UserProfileCard' that displays a user's name and avatar.