react-component-scaffolder

1. Trigger Conditions

Invoke this skill when:

• Creating a new React UI component
• A component needs to be scaffolded to project conventions
• frontend-design generates a new component (this skill provides the structure)

2. Prerequisites

• Project uses React + TypeScript + Vite
• cn() utility available (from class-variance-authority or clsx/tailwind-merge)
• assets/Component.tsx template available

3. Steps

Step 1: Determine the Component Name

Name must be PascalCase. Confirm with the user if unclear.