awesome-claude-code-toolkit/plugins/frontend-developer/commands/create-component.md at main - awesome-claude-code-toolkit - WEVAL Git

yanis/awesome-claude-code-toolkit

Files

Rohit Ghumare c3f43d8b61 Expand toolkit to 135 agents, 120 plugins, 796 total files

- Add 60 new agents across all 10 categories (75 -> 135)
- Add 95 new plugins with command files (25 -> 120)
- Update all agents to use model: opus
- Update README with complete plugin/agent tables
- Update marketplace.json with all 120 plugins

2026-02-04 21:08:28 +00:00

627 B

Raw Permalink Blame History

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

Steps

Determine the component specification:
Detect the project's frontend framework:
Create the component file(s):
Add accessibility attributes:
Add responsive styling:
Create a test file for the component.
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.