Generates a full component specification from a name or description, including overview, anatomy, props, variants, states, accessibility, tokens, and usage guidelines.
From design-systemsnpx claudepluginhub owl-listener/designer-skills --plugin design-systems[component name, e.g., 'date picker' or 'notification banner']/create-componentGuides UI component creation: detects framework/styling, asks for name/purpose/complexity/props/state specs, generates code with best practices.
/create-componentCreates a frontend component in the detected project framework with structure, TypeScript types, accessibility, responsive styling, tests, and exports.
/create-componentGenerate typed Chakra UI component with variants, tests, and stories
/create-componentGenerate a generic Chakra UI component with TypeScript, variants, and prop interfaces
/create-componentGenerates a full component specification from a name or description, including overview, anatomy, props, variants, states, accessibility, tokens, and usage guidelines.
/create-componentScaffold a new component with story, tests, and optional visual mockup following SOTA patterns
Generate a comprehensive component specification.
component-spec skill.component-spec skill.design-token skill.accessibility-audit skill.naming-convention skill.documentation-template skill.Complete spec: overview, anatomy, props/API, variants, states, accessibility, usage guidelines, tokens.
Consider following up with /audit-system.