ClaudeSuperPower
SubmitLog in

styleseed

Skill

Open-source design-method engine for Claude Code, Codex & Cursor. Gives coding agents fixed design judgment—not one fixed aesthetic—then selects or derives the right grammar from references, locks project decisions, and verifies UI, carousels, decks & docs. 20 skills · MIT.

852Writing

Install

git clone https://github.com/bitjaru/styleseed.git ~/.claude/skills/styleseed

What is styleseed?

Open-source design-method engine for Claude Code, Codex & Cursor. Gives coding agents fixed design judgment—not one fixed aesthetic—then selects or derives the right grammar from references, locks project decisions, and verifies UI, carousels, decks & docs. 20 skills · MIT.

Trust

87/100 · Excellent

2 factors scored below maximum

Documentation

README · ~27 min read

StyleSeed

Teach your AI fixed design judgment.
Not one fixed aesthetic.

Your AI coding agent sets up the design system, a scored gate keeps the quality, and the decisions live in your repo, maintained across screens and sessions — designed-looking products without a design team. Open source, for Claude Code · Codex · Cursor.



Same product, same prompt — left: default AI output, right: with StyleSeed rules locked

Same product. Same prompt. Only the rules changed.

What it bans on sight

The "AI-generated look" isn't bad luck — it's a list of nameable tells. StyleSeed ships 74 rules that ban them, and a 0–100 scored gate that blocks any screen under 80 from ever reaching you.

BannedWhy
Default indigo #4F46E5 / #5E6AD2 accentthe universal "an AI made this" color
Emoji as UI icons 🚗 🧺 ⭐inject random colors, render differently per OS

Reviews

Log in to leave a review.

No reviews yet — be the first.

Explore related

Other things in this space — across every part of the ecosystem, not just skills.

Subagents

All subagents →

code-architect

Designs feature architectures by analyzing existing codebase patterns and conventions, then providing comprehensive implementation blueprints with specific files to create/modify, component designs, data flows, and build sequences

32.8K stars

plugin-validator

Use this agent when the user asks to "validate my plugin", "check plugin structure", "verify plugin is correct", "validate plugin.json", "check plugin files", or mentions plugin validation. Also trigger proactively after user creates or modifies plugin components. Examples: <example> Context: User f

32.8K stars

agent-sdk-verifier-ts

Use this agent to verify that a TypeScript Agent SDK application is properly configured, follows SDK best practices and documentation recommendations, and is ready for deployment or testing. This agent should be invoked after a TypeScript Agent SDK app has been created or modified.

32.8K stars