styleseed
Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, multiple grammars, semantic palettes, reference compilation, and evidence-verified UI. MIT.
StyleSeed is an open-source design-method engine that packages 23 agent skills for Claude Code, Codex, and Cursor to enforce professional design judgment when AI builds user interfaces. It transforms recorded design decisions into project-local rules, ensuring AI-generated UIs follow 74 visual craft principles rather than defaulting to generic templates. The skills include interactive setup wizards, component generation, design scoring gates (0-100), motion systems, and accessibility audits that prevent common AI tells like default indigo accents, emoji icons, and template layouts.
Key Features
Use Cases
- 01Preventing AI-generated dashboards from looking generic when vibe-coding SaaS apps
- 02Enforcing consistent design decisions across multiple screens in Claude Code or Cursor projects
- 03Retrofitting existing AI-built UIs to professional standards using /ss-score and /ss-review
- 04Building brand-specific interfaces with morphology recipes beyond simple palette swaps
- 05Compiling design references (screenshots, Figma) into repeatable project grammar for agents
- 06Generating accessible, motion-aware components with embedded UX microcopy and loading states
Related Skills
View moresuperpowers
An agentic skills framework & software development methodology that works.
skills
Skills for Real Engineers. Straight from my .agents directory.
skills
Public repository for Agent Skills
ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
styleseed — FAQ
What is StyleSeed?+
StyleSeed is a design-method engine providing 23 agent skills that teach Claude Code, Codex, and Cursor to apply professional design judgment (74 rules) when generating UI, preventing generic AI-generated aesthetics through enforced quality gates and project-locked decisions.
How do I install StyleSeed?+
Run 'npx skills add bitjaru/styleseed' to install all 23 skills into Claude Code, Codex, or compatible agents. Alternatively, paste the provided setup prompt into your agent, approve the install, and answer the interactive setup questions.
Which AI clients does StyleSeed work with?+
StyleSeed supports Claude Code (via CLAUDE.md and /ss-* skills), Codex (via AGENTS.md and $ss-* skills), Cursor (via .cursorrules), and other agents supporting the AGENTS.md convention or manual prompt injection.
Do I need API keys or external services?+
No API keys or external services are required. StyleSeed is an MIT-licensed local engine that works entirely within your project and agent environment.
Is StyleSeed free?+
Yes, StyleSeed is completely free and MIT-licensed open source, including all 23 skills, 74 rules, components, brand recipes, and skins.
What does the quality gate actually check?+
The gate scores UI 0-100, flagging AI tells like default indigo accents, emoji icons, hardcoded hex colors, missing empty/error states, sub-16px desktop type, and lack of focal points. It requires ≥80 before presenting the UI, automatically fixing violations by re-reading the compiled rules.
How do I install styleseed?+
Open the source repository on GitHub and follow its README. styleseed is a skill — MCP Agents Market links you directly to the official repo.
Is styleseed free?+
styleseed is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.