bitjaru/styleseed
bitjaru
TypeScript886updated 2mo ago
TypeScript886updated 2mo agoOpen-source design-method engine for Claude Code, Codex & Cursor. Fixed design judgment, multiple grammars, reference compilation, semantic palettes, and Studio workflows for verified UI, interaction, image/video jobs, carousels, decks & docs. 22 skills · MIT.
Claude
agent-skillsai-codingai-designai-uiclaude-codeclaude-skillscodexcursordesign-judgmentdesign-systemdesign-tokensnextjs
README
<div align="center">
<br />
StyleSeed
Your AI can render almost anything.<br />StyleSeed teaches it which design method to use.
<sub>Output grammars + reference compiler + designer judgment for Claude Code · Codex · Cursor · vibe coding.</sub>
<br /> <a href="https://styleseed-demo.vercel.app"> <img src="showcase/demo.gif" width="560" alt="Same chat UI morphing across Toss, Raycast, and Arc brand skins" /> </a>One component. Three brand DNAs. Same chat UI morphing across Toss · Raycast · Arc — colors, radius, motion, shadows, gradients all driven by StyleSeed tokens. Just a data-skin attribute.
<sub>Skins are inspired-by token sets — brand-flavored color/radius/shadow/motion values, not recreations of those companies' design languages. The layer that restructures the actual design is the presets (/ss-restyle, below).</sub>
StyleSeed fixes the design method — not one Toss-like aesthetic.
Judgment, not data — how designers think, not a palette collect