domains / families / design / ui-component

ui-component

authentic

Generate a new UI component following the StyleSeed design conventions

When to use

• Use this skill when you need generate a new UI component following the StyleSeed design conventions.

When not to use

• For full-page scaffolding → use `/ss-page`
• For composed multi-component patterns → use `/ss-pattern`
• For tweaking an existing component — just edit the file directly
• For non-StyleSeed projects (no `components/ui/` directory or no Tailwind v4)
• Use this skill only when the task clearly matches its upstream source and local project context.
• Verify commands, generated code, dependencies, credentials, and external service behavior before applying changes.
• Do not treat examples as a substitute for environment-specific tests, security review, or user approval for destructive or costly actions.

Skill page

Source