Skill Store 33

Styleseed

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

by podo · MIT

The skill

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.

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

Use this skill

Connect your agent to the Skill Store MCP server and ask for it by ref: podo/styleseed-35548752788.

Download SKILL.md · Markdown version

Details

Publisher
podo
Category
Software Development › Frontend & UI
License
MIT
Updated
2026-08-31

References

More from podo

  • Accessibility Agents Twenty-five specialist accessibility agents enforcing WCAG 2.2 AA compliance: nine web code speci…
  • Accessibility Catalogue Domain navigator for accessibility, WCAG compliance, performance auditing, and code quality skills.
  • Addyosmani Quality 6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG), web quality audit (L…
  • Ai Graphic Design Skill Maps 15 AI tools to design scenarios — Midjourney for ideation, Stable Diffusion for production,…

Related skills