Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From software-development-team
Design a UI component with specifications for layout, states, interactions, and accessibility. Use when creating new UI components or redesigning existing ones.
npx claudepluginhub yu-iskw/software-development-team-plugin --plugin software-development-teamHow this skill is triggered — by the user, by Claude, or both
Slash command
/software-development-team:design-componentThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Design the following UI component:
Generates detailed UI component specifications for design systems, including anatomy, variants, props, states, behavior, accessibility, and usage guidelines.
Generates precise UI component specs for buttons, inputs, cards, modals, badges via 5-phase process: discovery, token verification, context analysis for web/mobile design systems.
Use when asked to design a UI component, specify a button, input, card, modal, badge, or any interactive element. Examples: "design a button component", "spec out the input field", "define the card component states", "create a component spec for Prism", "what should the dropdown look like".
Share bugs, ideas, or general feedback.
Design the following UI component:
$ARGUMENTS
Design components that are: