Ss Pattern

This is the pattern composer you reach for when you need a card layout, data table, or form section built from your design system's primitives. It knows the difference between a single component (that's /ss-component), a full page (/ss-page), and these mid-level compositions. You tell it something like "grid-2col" or "search-header" and it assembles the pattern using what's already in your components/ui/ folder, following your semantic tokens and spacing rules. The skill includes a solid reference list of common patterns like action sheets, stat grids, and horizontal scrollers. It won't reinvent your button component, which is exactly the discipline you want when keeping a design system coherent.

Install to Claude Code

npx -y skills add bitjaru/styleseed --skill ss-pattern --agent claude-code