StyleSeed
A thinking framework for UI · Claude Code, Codex & Cursor

Teach your AI design judgment. Not just components.

Your AI ships default-indigo, icon-chip, template UI. StyleSeed hands it 74 rules of designer judgment — and a quality gate that fixes the tells before you see them.

MIT licensed · open source

Try it in 30 seconds — paste into Claude Code, Cursor, or Codex

The same product built by an AI agent's defaults versus with StyleSeed's rules — before shows default indigo, gradient text, and placeholder mocks; after shows a chosen accent, the real product, and one focal point.
Same product, same prompt — only the rules changed. This page scored 58/100 on our own gate first. See the receipt →
design rules
74
AI skills
19
brand skins
7
motion seeds
5
Get started

The fastest way is one sentence.

No install required. Paste this into Claude Code, Codex, Cursor, or any AI agent and it reads the rules and applies them to whatever you build next.

Full setup guide
For real projects — install it
Why install beats paste

The quality gate only runs when it’s installed

Paste alone teaches the rules, but the step that strips the “AI look” is the gate — and /ss-score / /ss-build can only run once installed. Then your lock persists in STYLESEED.md(no drift), and every screen is scored and fixed before you see it. All 19 skills, universally — Claude Code, Codex, Cursor, Gemini CLI & 12+ more.

npx skills add bitjaru/styleseed# then, to build a screen: /ss-build
One engine, many looks

Same product. Six presets. One /ss-restyle away.

Distinctive isn’t a coat of paint. Each preset is a coherent coordinate across the dial axes — radius, density, color, weight, motion, plus a font and a signature move — so every look reads designed, never generic. Trend gimmicks (glass, neumorphism) are deliberately left out.

The same Relay product rendered in six StyleSeed presets — swiss, editorial, technical, warm-dtc, minimal-mono, brutalist-lite. Each is coherent and distinct, none looks generic.
/ss-restyle swiss/ss-restyle editorial/ss-restyle technical/ss-restyle warm-dtc/ss-restyle minimal-mono/ss-restyle brutalist-lite
Why it works

Other repos give your AI components. We give it the reasoning.

Every decision in a StyleSeed UI has a stated reason — the rule it follows and why that rule makes the result look designed. That’s what an AI can actually read, apply, and repeat. Walk a real screen, decision by decision.

A StyleSeed UI card annotated with the design rule behind each decision — numbers 2:1, one accent, content in cards, one corner radius, never color alone, real states.
The decision
Balance 48px, unit 24px
The rule
Rule 4 · Numbers 2:1 with units
Why it works
The eye locks onto magnitude first; equal sizes flatten it into noise.
See how it thinks — the full walkthrough
Vs other design-AI skills

Other design skills make your UI coherent.
StyleSeed is the only one that also fights the generic-AI look — and enforces it.

CapabilityComponent kitsDESIGN.md packsStyleSeed
Teaches judgment 74 rules — with the reasoning
Fights the AI-look bans the tells by name
Scored gate ≥80 self-reviews & fixes first
Anti-drift lock decisions persist across prompts
Works in every agent Claude Code · Cursor · Codex · Gemini
PricePaid tiersFreeFree · MIT
“Why not just use the official frontend-design skill?”

Use both. Anthropic’s official frontend-design skill scaffolds a clean screen fast — it’s a great starting point. StyleSeed is the layer on top: it names and bans the generic-AI tells, scores every screen to a ≥80 gateand fixes it before you see it, and locks your design decisions so they don’t drift across prompts. Official gets you coherent; StyleSeed keeps you from looking templated.

Also in the box: 7 brand skins from one data-skin attribute, 5 motion seeds plus 20+ keyword moves, and a drop-in engine/ — no build step, no lock-in. The rules are open: propose new ones via PR. See the before/after →

Showcase

11 reference builds · 385 live variants.

Not static templates — each one is the engine’s output, re-skinning across 7 brand DNAs and 5 motion seeds live in the browser. Copy the source, rules and all.

Skins are inspired-bytoken sets — brand-flavored color/radius/shadow/motion values, not recreations of those companies’ design languages. Restructuring the actual design is the presets’ job (/ss-restyle).

View all 11
Motion system

Vibe words for personality. Keywords for flair.

5 named seeds (each with five spreadable recipes) plus a library of 20+ scroll-stopping keyword moves — tilt-3d, magnetic, glow-pulse. Try them live below, or browse the full gallery.

Personality · pick a vibe word
Spring · bouncy, energetic, playful
Entrance
how it appears
Hover
point at the square
Press
tap the button
Flair · scroll-stopping named moves
20+ moves
hover
tilt-3d
magnetic
live
glow-pulse
confetti-pop
<motion.button {...spring.press} {...spring.hover}>
  Save
</motion.button>
What’s new
v2.10.12026-07-14 · 74 rules · 19 skills · 7 skins

First-class Codex discovery: a root AGENTS.md, repo-scoped .agents/skills bridge to all 19 canonical skills, correct $ss-* invocation guidance, and Codex-specific manual install and update paths. Claude Code continues to use /ss-* from the same skill source, so the two integrations cannot drift.

Release notes Full changelogUpdate with /ss-update

Stop redrawing. Start shipping.

One paste away from UI that doesn’t look generated.

MIT licensed · no telemetry · browse the showcase