Updated 2d ago
by bitjaru
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.
978 GitHub stars (978)
+12 in 20 days
| Period | New stars |
|---|---|
| Sep 27 | 0 |
| Sep 28 | +1 |
| Sep 29 | +1 |
| Sep 30 | −2 |
| Oct 1 | −1 |
| Oct 2 | 0 |
| Oct 3 | +2 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | +2 |
| Oct 8 | +3 |
| Oct 9 | +2 |
| Oct 10 | −1 |
| Oct 11 | +2 |
| Oct 12 | +1 |
| Oct 13 | +1 |
| Oct 14 | +1 |
| Oct 15 | 0 |
| Oct 16 | 0 |
- 23 skills (23 skills found in its SKILL.md files)
- 90 forks (90 forks)
- 2d ago last update (Last updated 2d ago)
Install
Skills CLI
npx skills add bitjaru/styleseed
Asks which skills and agents to install. Just one: npx skills add bitjaru/styleseed --skill ss-a11y — add -g for every project.
Claude Code
git clone https://github.com/bitjaru/styleseedcp -r "styleseed/skills/ss-a11y" ~/.claude/skills/
Copies the ss-a11y skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add bitjaru/styleseed
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md — showing the first 23 of 47 files.
-
ss-a11y
Audit a component or page for accessibility issues and fix them
skills/ss-a11y/SKILL.md on GitHub (opens in a new tab) -
ss-audit
Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices
skills/ss-audit/SKILL.md on GitHub (opens in a new tab) -
ss-build
Build a screen with StyleSeed's composed method, then run the code and pixel gates before presenting. Use when building or rebuilding a screen; sets up the project first if needed.
skills/ss-build/SKILL.md on GitHub (opens in a new tab) -
ss-component
Generate a new UI component following the StyleSeed design conventions
skills/ss-component/SKILL.md on GitHub (opens in a new tab) -
ss-copy
Generate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone
skills/ss-copy/SKILL.md on GitHub (opens in a new tab) -
ss-dial
Turn one design axis up or down — "denser", "bolder", "flatter", "livelier", "sharper corners". Use for a single-axis change, not a mood word (those go to /ss-restyle); updates the lock and re-runs the gate.
skills/ss-dial/SKILL.md on GitHub (opens in a new tab) -
ss-feedback
Add appropriate user feedback states (loading, success, error, empty) to a component or page
skills/ss-feedback/SKILL.md on GitHub (opens in a new tab) -
ss-flow
Design user flows and navigation structure following proven UX patterns
skills/ss-flow/SKILL.md on GitHub (opens in a new tab) -
ss-lint
Quick automated lint — detects common design system violations in seconds
skills/ss-lint/SKILL.md on GitHub (opens in a new tab) -
ss-motion
Apply a named StyleSeed motion from the five personality seeds or the keyword move library. Use when asked for a specific motion or a vibe word like "springy", "snappy", or "shimmer".
skills/ss-motion/SKILL.md on GitHub (opens in a new tab) -
ss-page
Scaffold a new product page or screen from the compiled StyleSeed output grammar, surface adapter, brand recipe, and project lock.
skills/ss-page/SKILL.md on GitHub (opens in a new tab) -
ss-pattern
Generate a composed UI pattern from the active StyleSeed grammar and brand recipe using existing primitives.
skills/ss-pattern/SKILL.md on GitHub (opens in a new tab) -
ss-reference
Compile screenshots, URLs, Figma exports, or an existing UI into a project-local output grammar. Use when the user supplies a design reference StyleSeed does not already model.
skills/ss-reference/SKILL.md on GitHub (opens in a new tab) -
ss-resolve
Compile the effective StyleSeed rule bundle for one artifact, or inspect install and evidence health read-only. Use before setup or build, or to diagnose rule drift.
skills/ss-resolve/SKILL.md on GitHub (opens in a new tab) -
ss-restyle
Apply one optional StyleSeed aesthetic profile without changing the selected output grammar, product job, or core design judgment.
skills/ss-restyle/SKILL.md on GitHub (opens in a new tab) -
ss-review
Review UI code for design system compliance, accessibility, and best practices
skills/ss-review/SKILL.md on GitHub (opens in a new tab) -
ss-score
Score a visual artifact's implementation quality 0-100 against its composed StyleSeed rule set — category breakdown, evidence, and prioritized fixes.
skills/ss-score/SKILL.md on GitHub (opens in a new tab) -
ss-setup
Configure StyleSeed by selecting the output grammar, domain, page type, brand recipe, semantic palette recipe, optional aesthetic profile, and bounded brand tokens before scaffolding a first screen.
skills/ss-setup/SKILL.md on GitHub (opens in a new tab) -
ss-studio
Turn a brief into three creative directions, a human-selected interaction plan, prototype, and showcase reel. Use when a request needs more than one static screen — client concepts or interaction exploration.
skills/ss-studio/SKILL.md on GitHub (opens in a new tab) -
ss-tokens
Generate an accessible semantic palette from a key color, or view, add, and modify design tokens. Use when a user supplies a brand color or needs light/dark theme roles.
skills/ss-tokens/SKILL.md on GitHub (opens in a new tab) -
ss-update
Check and update an existing StyleSeed installation by exact rule/skill revision, preserve project-owned design decisions, then recompile and verify the effective bundle.
skills/ss-update/SKILL.md on GitHub (opens in a new tab) -
ss-verify
Inspect rendered UI or visual artifacts against their StyleSeed contract. Report findings; fix and re-render only within an authorized build or repair task.
skills/ss-verify/SKILL.md on GitHub (opens in a new tab) -
styleseed
Route a StyleSeed request to exactly one first workflow after resolving the current artifact boundary. Use when the user asks generally for StyleSeed help rather than invoking one specific ss-* skill.
skills/styleseed/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
oil-uiby oil-oil UI design skill for Claude Code, Codex and other AI agents: explore distinct directions, compare them side by side, refine against real scr…
-
archifyby tt-a1i Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
-
planning-with-filesby OthmanAdi Persistent file-based planning for AI coding agents and long-running tasks. Crash-proof markdown plans, session recovery after /clear and c…
-
bragby latent-spaces You built it. Now brag. Turn the project you just created into a short, shareable launch video with one command.
-
video-shotcraftby Vincentwei1021 AI video skill for Claude Code & Codex — cinematic product videos with Remotion: 152 shot recipe cards, 209 motion previews, a production-r…
-
superpowers-zhby jnMetaCode 🦸 AI 编程超能力 · 中文增强版 — superpowers（250k+ ⭐）完整汉化 + 4 个中国原创 skills，让 Claude Code / Copilot CLI / Hermes Agent / Cursor / Windsurf / Kiro / Gemi…