All authors
Claude Skills by izzoa
github.com/izzoa20 skills0 installs57 views
- Ss A11yAudit a component or page for accessibility issues and fix themVotes: 0GitHub stars: 23
- Ss AuditAudit screens for UX issues using Nielsen's heuristics and modern mobile UX best practicesVotes: 0GitHub stars: 23
- Ss BuildBuild 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."Votes: 0GitHub stars: 23
- Ss ComponentGenerate a new UI component following the StyleSeed design conventionsVotes: 0GitHub stars: 23
- Ss CopyGenerate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and toneVotes: 0GitHub stars: 23
- Ss DialTurn 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, nested-radius), updates the lock, and re-runs the gate. Use this when a human saying "more X" would otherwise get an inconsistent one-off.Votes: 0GitHub stars: 23
- Ss FeedbackAdd appropriate user feedback states (loading, success, error, empty) to a component or pageVotes: 0GitHub stars: 23
- Ss FlowDesign user flows and navigation structure following proven UX patternsVotes: 0GitHub stars: 23
- Ss LintQuick automated lint — detects common design system violations in secondsVotes: 0GitHub stars: 23
- Ss MotionApply 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 from one source of truth.Votes: 0GitHub stars: 23
- Ss PageScaffold a new mobile page/screen using the StyleSeed layout patternsVotes: 0GitHub stars: 23
- Ss PatternGenerate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitivesVotes: 0GitHub stars: 23
- Ss RestyleRe-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, and re-gated. This is for mood words ("more editorial") that aren't one axis; for a single axis use /ss-dial.Votes: 0GitHub stars: 23
- Ss ReviewReview UI code for design system compliance, accessibility, and best practicesVotes: 0GitHub stars: 23
- Ss ScoreScore 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.Votes: 0GitHub stars: 23
- Ss SetupInteractive setup wizard — guides you step-by-step to configure the design system for your projectVotes: 0GitHub stars: 23
- Ss TokensView, add, or modify design tokens in the StyleSeed design systemVotes: 0GitHub stars: 23
- Ss UpdateUpdate StyleSeed engine in your project — analyzes what's outdated and updates safelyVotes: 0GitHub stars: 23
- Ss VerifyThe 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 can't read from source. Renders empty/loading/error states too, then fixes and re-renders until it passes. Use as the final gate on any screen you can render.Votes: 0GitHub stars: 23
- Styleseed Design ReviewReviews 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." Self-contained; based on the open-source StyleSeed design engine.Votes: 0GitHub stars: 23