ss-a11y
Audit a component or page for accessibility issues and fix them
Apply one optional StyleSeed aesthetic profile without changing the selected output grammar, product job, or core design judgment.
$ npx -y skills add bitjaru/styleseed --skill ss-restyle --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/ss-restyleContext preview
The summary Claude sees to decide when to auto-load this skill.
Apply one optional StyleSeed aesthetic profile without changing the selected output grammar, product job, or core design judgment.
name: ss-restyle description: Apply one optional StyleSeed aesthetic profile without changing the selected output grammar, product job, or core design judgment. argument-hint: "<profile> — swiss | editorial | technical | warm-dtc | minimal-mono | brutalist-lite | none" allowed-tools: Read, Write, Edit, Grep, Glob, Bash
When `.styleseed/project.json` and `.styleseed/artifacts/index.json` exist, resolve the requested artifact ID first, then read only `.styleseed/bundles/<artifact-id>.md` and `.styleseed/manifests/<artifact-id>.json`. Never fall back to the global legacy bundle for a registry project. Legacy projects may use `.styleseed/effective-rules.md` only when no registry exists.
Read `PRODUCT-PRINCIPLES.md`, `RULESETS.md`, `PRESETS.md`, and `STYLESEED.md`. Profiles are coordinated visual axes; output grammars organize attention, information, and action. Keep them separate.
1. Validate that the lock has one output grammar. If not, run `/ss-setup` first. 2. Select exactly one profile from `PRESETS.md`, or `none`. Never stack profiles. 3. Apply its coordinated radius, density, type, palette temperature, elevation, motion, composition accent, and signature move **inside the output grammar's allowed ranges**. 4. Preserve deliberate brand values and required fonts when compatible. If incompatible, the output grammar and core invariants win; explain the conflict. 5. Update `Aesthetic profile` and affected bounded values in `STYLESEED.md`. Do not rewrite the output grammar or a reference-compiled rule set. 6. Run `/ss-score` to ≥80 and `/ss-verify` if renderable. Report the complete effective rule set, not just the profile name.
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.
Repo: bitjaru/styleseed
Audit a component or page for accessibility issues and fix them
Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices
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,…
Generate a new UI component following the StyleSeed design conventions
Generate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone