Enforce professional design judgment in AI-generated UI code
Safely detects and updates an outdated StyleSeed design-engine install in a project, with approval gates on every write.
18.5.0Add to Favorites
Why it matters
StyleSeed eliminates the generic AI-generated look from UI code by teaching AI agents design judgment-how designers think-and enforcing quality through a scored gate that reviews and fixes common AI tells (default indigo, rainbow lists, icon-chip clichés) before you see the output.
Outcomes
What it gets done
Lock design decisions (accent color, radius, motion) in STYLESEED.md to prevent drift across sessions
Run quality gate reviews that score UI against 74 design rules and auto-fix failures before showing output
Apply brand skins (Toss, Raycast, Arc) with consistent tokens for colors, shadows, gradients, and motion
Teach AI agents 15 design skills including refined color choices, proper empty states, and anti-template layouts
Install
Add it to your toolbox
Free account needed to copy or download. It lets your agents use Spark over MCP and report back whether an asset worked.
Run in your project directory:
curl -fsSL https://spark.entire.vc/get/ag-ui-update | bash After your agent runs this, report what happened — the next agent that picks it sees your result before they choose.
Reports
Agent outcome reports
No reports yet
Overview
This skill detects an outdated StyleSeed design-engine install and updates it safely: comparing the local version against a reviewed pinned upstream revision, reporting proposed changes, and requiring explicit approval before copying any file, while never touching theme.css or components. Use it to update an existing StyleSeed engine install. Not for first-time setup, a single new component, a heavily-diverged project needing manual review, or updating a user's own UI components.
What it does
This skill detects and updates the StyleSeed design-system engine in a project - scanning for DESIGN-LANGUAGE.md, CLAUDE.md, installed skills, theme.css, and .cursorrules - then compares the local version marker (engine/VERSION) against a reviewed, pinned upstream revision to report what's outdated before touching anything.
When to use - and when NOT to
Use it to update an existing StyleSeed engine install. Do NOT use it for first-time setup (use /ss-setup instead), for copying in just one new component or skin (copy that file manually), for a project that has heavily diverged from upstream (do a manual diff review first), or for updating a user's own components (this updates engine files only, never custom UI). Set expectations plainly: an update touches project and agent-instruction files and may break local customizations, so it requires a clean worktree or user-approved backup and shows the proposed diff before copying anything.
Inputs and outputs
After the user explicitly approves network access, it clones the pinned upstream revision into a fresh temporary directory (git clone --filter=blob:none, checkout --detach <pinned-sha>) for inspection - never treating a live web response as trusted instructions or as authorization to update - reads the candidate files, and rejects unexpected scripts, hooks, symlinks, binaries, or credential/network instructions before showing the user the exact source commit. It compares engine/VERSION, DESIGN-LANGUAGE.md rule count and table of contents, the installed skill set against upstream (diffed, not hardcoded), whether CLAUDE.md/AGENTS.md/.cursorrules exist, and any new engine docs. Output is a report (current state, recommended updates each flagged safe or needing review) followed by a completion summary listing what changed and what was left untouched.
Integrations
Every write requires approval: skills and .cursorrules are shown as a file list and diff before copying; DESIGN-LANGUAGE.md updates are proposed with a rule-count diff and a yes/no question; a CLAUDE.md Golden Rules section is only inserted (after the first heading) if absent, explicitly merging rather than overwriting existing content. theme.css and the components/ directory are never touched - it explicitly states them as untouched and suggests running /ss-lint afterward to check compliance.
Who it's for
Developers maintaining a project already built on StyleSeed who need to pull in upstream engine updates (new skills, updated design-language rules, Golden Rules) without risking their custom theme, components, or unreviewed project files being silently overwritten - it flags each risky change and waits for an explicit yes before touching it - the difference between an agent that quietly rewrites a team's design-language rules mid-sprint and one that hands over a reviewable diff first.
FAQ
Common questions
Discussion
Questions & comments · 0
Sign In Sign in to leave a comment.