domains / families / design / ui-pattern

ui-pattern

authentic

Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives

When to use

• Use this skill when you need generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives.

When not to use

• For a single primitive component → use `/ss-component`
• For a full mobile screen → use `/ss-page`
• For an entire multi-page user flow → use `/ss-flow`
• For design tokens and color/spacing decisions → use `/ss-tokens`
• 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