# Styleseed

> Design engine that teaches agents design judgment, not just data.

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.

- Page: https://ss33.ai/skills/podo/styleseed-35548752788
- Publisher: podo
- Category: [Software Development](https://ss33.ai/skills/category/software-development-t44z8z) › [Frontend & UI](https://ss33.ai/skills/category/software-development-t44z8z/frontend-and-ui-q25e9r)
- License: MIT
- Source: https://github.com/podo/design-agent-skills/blob/c3fac4cb09ba2ac92ebf0b35572b9e85e06db4f8/skills/styleseed/SKILL.md

## Skill

SKILL.md: https://ss33.ai/api/v1/ss33/download/podo/styleseed-35548752788

# styleseed

> Catalogue stub — full skill: [bitjaru/styleseed](https://github.com/bitjaru/styleseed)

## Install the full skill

Copy the engine into your project:

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

Or follow the interactive setup after cloning:
```bash
/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`