How do I install the Styleseed skill?

Run npx skillmds add podo/styleseed in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Styleseed safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls, reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Styleseed?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Styleseed free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Styleseed?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Styleseed by podo — Agent Skill

Name: Styleseed
Rating: 4.2 (5 reviews)
Author: podo

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.

podo f88460b 2 files · 2.3 KB Updated Sep 9, 2026

File contents

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

---name: styleseeddescription: 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](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`

Frequently asked questions