SuperAPI AI Directory

styleseed

Design & creation

View repository

Updated 10-16 03:44

About this skill

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