/create-component

Create a frontend component with proper structure, types, and accessibility.

Steps

1. Determine the component specification: 2. Detect the project's frontend framework: 3. Create the component file(s): 4. Add accessibility attributes: 5. Add responsive styling: 6. Create a test file for the component. 7. Export the component from the module index.

Format

Component: <name>
Framework: <React|Vue|Svelte|etc>
Files:
  - <component file>

Rules

• Follow the project's existing component patterns.
• Every interactive element must be keyboard accessible.
• Use semantic HTML elements over generic divs.