ss-a11y
01Skill Claude CodeCodex
Audit a component or page for accessibility issues and fix them.
A self-hostable LLM router / gateway: OpenAI- and Anthropic-compatible, explicit-first routing with fallbacks, spend limits, and metadata-only cost tracking. No markup, no third-party proxy — your keys, your box.
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 the way the StyleSeed reference demo was built — one command that ENFORCES the full loop (lock the look → build → score → fix to ≥80 → only then show). Use this instead of building UI free-hand; it closes the gap between "knows the rules" and "actually followed them.".
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 mobile page/screen using the StyleSeed layout patterns.
Skill Claude CodeCodex
Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives.
Skill Claude CodeCodex
Re-style a project to a named aesthetic — swiss, editorial, technical, warm-dtc, minimal-mono, brutalist-lite. A preset is a coordinate across the dial axes (radius + density + color + weight + motion) plus a font, accent family, and one signature move — applied coherently as a single identity, written to the lock…
Skill Claude CodeCodex
Review UI code for design system compliance, accessibility, and best practices.
Skill Claude CodeCodex
Score a UI file's design quality 0-100 against StyleSeed's design language — per-category breakdown, the worst offenders, and a prioritized fix list. A quantified version of /ss-review.
Skill Claude CodeCodex
Interactive setup wizard — guides you step-by-step to configure the design system for your project.
Skill Claude CodeCodex
View, add, or modify design tokens in the StyleSeed design system.
Skill Claude CodeCodex
Update StyleSeed engine in your project — analyzes what's outdated and updates safely.
Skill Claude CodeCodex
The VISUAL gate — render the UI, screenshot it, and score what you actually SEE, not what the code says. Catches the tells that only show up in pixels (dead whitespace, cramping, a hero that doesn't dominate, fonts that didn't load, real rendered color, the squint "does this look AI-made" test) — the things /ss-score…
Skill Claude CodeCodex
Reviews UI/frontend code and tells you exactly why it "looks AI-generated" — then how to fix it. Use it when a React/Tailwind/HTML interface looks off, generic, or unfinished, when you want a design score before shipping, or when asked to make UI look more professional, polished, or "designed, not generated."…