Command
handoff
Run the full handoff workflow — specs, measurements, assets, states, and a QA checklist — and…
@owl-listenerView CommandDesign
Command
/create-component
Scaffold a full component specification end to end — props, states, variants, accessibility, and documentation.
Install
> /plugin marketplace add Owl-Listener/designer-skillsHow it fires
How this command gets triggered: by you, by Claude, or both.
- Fires itselfClaude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/create-component
Context preview
What this command does when you run it.
Scaffold a full component specification end to end — props, states, variants, accessibility, and documentation.
Command definition
create-component.mddescription: Scaffold a full component specification end to end — props, states, variants, accessibility, and documentation. argument-hint: "[component name, e.g., 'date picker' or 'notification banner']"
/create-component
Generate a comprehensive component specification.
Steps
1. **Research** — Understand purpose and common implementations. 2. **Anatomy** — Break down parts using `component-spec` skill. 3. **Variants** — Define size, style, layout variants. 4. **States** — Map interactive states using `component-spec` skill. 5. **Tokens** — Identify consumed tokens using `design-token` skill. 6. **Accessibility** — Specify ARIA, keyboard, screen reader using `accessibility-audit` skill. 7. **Naming** — Follow conventions using `naming-convention` skill. 8. **Documentation** — Structure using `documentation-template` skill.
Output
Complete spec: overview, anatomy, props/API, variants, states, accessibility, usage guidelines, tokens. Consider following up with `/audit-system`.
Ships withdesigner-skills
Design skills for the agent era, written so an AI agent can actually use them. 273 skills and 76 commands across 33 plugins, in five collections, for Claude Code and Gemini CLI. Not sure which skill you need?
Get the whole plugin
Other commands on designer-skills.
@owl-listenerView CommandCommand
plan-sprint
Run a design sprint end to end — challenge framing, schedule, exercises, and prototype test…
@owl-listenerView CommandCommand
setup-workflow
Set up a team's operating rhythm end to end — rituals, task flow, tooling, review gates, and…
@owl-listenerView CommandCommand
discover
Run a full user research cycle — persona creation, empathy mapping, and journey mapping for a…
@owl-listenerView CommandCommand
interview
Prepare an interview script or summarize an interview transcript into structured insights.
@owl-listenerView CommandCommand
synthesize
Synthesize research data into affinity diagrams, themes, and actionable insights.
@owl-listenerView Command