podo/design-agent-skills

styleseed

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.

First seen May 23, 2026

Installation

$ npx skills add podo/design-agent-skills --skill styleseed

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from podo/design-agent-skills · top by installs.

npx skills add podo/design-agent-skills

Browse all from podo/design-agent-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Declared
Cursor Declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 8
License LICENSE
Default branch main
Open issues 1
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Declared agents claude-code cursor

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,436 B
  • docs SUMMARY.md 364 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 90 installs

SKILL.md

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