styleseed

name	styleseed
description	Design engine that teaches agents design judgment, not just data. Ships 69 brand-agnostic rules, 48 React components, 13 slash commands (/ss-tokens, /ss-component, /ss-audit, /ss-a11y, and more), and 60+ interchangeable brand skins (Toss, Stripe, Linear, Vercel, Notion, Raycast, Arc…). Tailwind v4 + Radix UI. Works with Claude Code and Cursor.
triggers	["styleseed","brand skin","design judgment","ss-tokens","ss-component","design engine rules"]
das	{"type":"package","category":"design-systems","upstream":"https://github.com/bitjaru/styleseed","version":"latest"}

styleseed

Catalogue stub — full skill: bitjaru/styleseed

Install the full skill

Copy the engine into your project:

git clone https://github.com/bitjaru/styleseed /tmp/styleseed
cp -r /tmp/styleseed/engine/* ./

Or follow the interactive setup after cloning:

/ss-setup

For Cursor, copy .cursorrules from the repo root.

Invoke after install

13 slash commands available:

Command	Purpose
/ss-setup	Initial project setup and brand skin selection
/ss-tokens	Token management — generate, audit, update design tokens
/ss-component	Build a component following brand rules
/ss-page	Compose a full page layout
/ss-pattern	Apply a UI pattern (card, table, form…)
/ss-review	Design review against the 69 rules
/ss-a11y	Accessibility audit
/ss-lint	Lint components for rule violations
/ss-audit	Full design system audit
/ss-flow	User flow design
/ss-copy	Copy/content guidance
/ss-feedback	Collect and apply design feedback
/ss-update	Update brand skin or rules

What it does

StyleSeed installs a set of design rules the agent applies to every UI decision — color discipline, spatial rhythm, information hierarchy, shadow/elevation, component variance, motion. Switching brand skins (via data-skin attribute) morphs the same component set across 60+ brand aesthetics without changing markup. Token management is first-class via /ss-tokens.

When NOT to use

• Component library without token/rule context — use shadcn-ui or baseline-ui
• Design token architecture only — use design-tokens-skill
• Single-page design review — use design-review-garrytan or design-auditor