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.
- installs
- 828
- GitHub stars
- 991
- last updated
- Jun 11, 2026
Install
$ npx -y skills add bitjaru/styleseed --skill ss-pattern --agent claude-codeInstalls into .claude/skills of the current project.
Files
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.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/bitjaru/styleseed
- Categories
- Frontend Development, Design & UI/UX
- License
- MIT
- First seen
- Jun 11, 2026
