Plugin Claude Code
Open-source design-method engine for Claude Code, Codex, and Cursor. Directs concepts, compiles grammar, morphology, and semantic palette choices, builds and verifies artifacts, and records only the checks and rendered evidence that actually ran when the StyleSeed workflow is invoked.
Instructions file CodexOpenCode
Instructions for bitjaru/styleseed, covering styleseed repository guide, before changing the engine, generated files, verification and pull requests and releases.
Skill Claude CodeCodex
Audit a component or page for accessibility issues and fix them.
Skill Claude CodeCodex
Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices.
Skill Claude CodeCodex
Build a screen with StyleSeed's composed design method — choose or compile an output grammar, apply a brand recipe plus domain/page/profile/lock constraints, then run the code and pixel gates before presenting.
Skill Claude CodeCodex
Generate a new UI component following the StyleSeed design conventions.
Skill Claude CodeCodex
Generate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone.
Skill Claude CodeCodex
Turn ONE design axis up or down as a coordinated, deterministic transform — "denser", "sharper corners", "more muted", "bolder", "flatter", "livelier". Not a vibe the model reinterprets each time; a defined ramp that moves many tokens together, respects the guardrails (8px grid, a11y floors, single accent…
Skill Claude CodeCodex
Add appropriate user feedback states (loading, success, error, empty) to a component or page.
Skill Claude CodeCodex
Design user flows and navigation structure following proven UX patterns.
Skill Claude CodeCodex
Quick automated lint — detects common design system violations in seconds.
Skill Claude CodeCodex
Apply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse × entrance/exit/hover/press/layout) or a distinctive keyword move from the motion library (toggle-flip, toggle-curtain, reveal-blur, pop-in, shimmer, …). Translates vibe words into framer-motion code…
Skill Claude CodeCodex
Scaffold a new product page or screen from the compiled StyleSeed output grammar, surface adapter, brand recipe, and project lock.
Skill Claude CodeCodex
Generate a composed UI pattern from the active StyleSeed grammar and brand recipe using existing primitives.
Skill Claude CodeCodex
Compile screenshots, URLs, Figma exports, or an existing UI into a project-local StyleSeed output grammar with evidence, tokens, confidence, anti-patterns, and a validation screen. Use when the user supplies a design reference that StyleSeed does not already model.
Skill Claude CodeCodex
Compile a small, deterministic StyleSeed rule bundle for one agent, output grammar, surface adapter, domain, page type, brand recipe, palette recipe, and optional profile. Use before setup or build, when STYLESEED.md changes, when updating StyleSeed, or whenever an agent would otherwise load the full rule handbook.
Skill Claude CodeCodex
Apply one optional StyleSeed aesthetic profile without changing the selected output grammar, product job, or core design judgment.
Skill Claude CodeCodex
Review UI code for design system compliance, accessibility, and best practices.
Skill Claude CodeCodex
Score a visual artifact's implementation quality 0-100 against its composed StyleSeed rule set — category breakdown, evidence, and prioritized fixes.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Turn a product brief and optional references into three distinct creative directions, a human-selected StyleSeed interaction plan, generated image/video asset jobs, a working UI prototype, and a verified prototype-first showcase reel. Use for client concepts, app interaction exploration, trendy but coherent UI…
Skill Claude CodeCodex
Generate an accessible semantic palette from a key color, or view, add, and modify StyleSeed design tokens. Use when a user supplies a brand color, asks which colors combine well, needs light/dark theme roles, or needs token files for implementation.
Skill Claude CodeCodex
Check and update an existing StyleSeed installation by exact rule/skill revision, preserve project-owned design decisions, then recompile and verify the effective bundle.
Skill Claude CodeCodex
The VISUAL gate — render a UI or visual artifact through its surface adapter, inspect the actual pixels, then fix and re-render until it passes the composed StyleSeed rule set.