scaffold-component (Global Fallback)

Use this skill when the user asks to "create a component". This skill is designed to be framework-agnostic and will adapt to the current project's stack. Adhere to the following process and development philosophy and approach.

Development Process

Philosophy & Approach

• Spec-Driven Development (SDD): Always start by creating a technical specification using the sdd-workflow template. Adhere to the spec-driven-development.md global rule.
  • Create the spec as [ComponentName].spec.md within the component folder before starting implementation.
  • Living Document: Refactor the spec for every new feature or discovery and maintain a timestamped Changelog at the bottom.
• Component Architecture: Follow the component-architecture.md global rule (Folder-per-Component).

Usage

1. Draft the Spec: Follow the sdd-workflow template and create src/components/[ComponentName]/[ComponentName].spec.md. Initialize the Changelog section.
2. Detect Framework & Stack: Check package.json for dependencies (e.g., @mui/material, tailwindcss, react version). Adhere to project-specific rules like three-js-react.md if applicable.
3. Implement & Update: Follow the spec strictly. If architecture changes during build, update the spec and the changelog before proceeding.

Framework-Specific Rules