generate_responsive_component
Create responsive, accessible HTML/CSS components with modern best practices for production-ready code, tests, and documentation.
Instructions
Generate responsive, accessible HTML/CSS components with modern best practices
WORKFLOW: Ideal for creating production-ready code, tests, and documentation TIP: Generate unlimited iterations locally, then review with Claude SAVES: Claude context for strategic decisions
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| accessible | No | Include accessibility features | |
| animations | No | Include animations | |
| context | No | Rich context object with brand information, design references, content, colors, typography, and technical requirements | |
| darkMode | No | Include dark mode support | |
| designSystem | No | Design system to follow | custom |
| framework | No | Framework to use | vanilla |
| name | Yes | Component name | |
| responsive | No | Make component responsive | |
| saveDirectory | No | Directory to save the component project (e.g., "C:\dev\my-project"). If not provided, user will be prompted to specify location. | |
| type | Yes | Component type |