ss-restyle
Apply one optional StyleSeed aesthetic profile without changing the selected output grammar, product job, or core design judgment.
git clone --depth 1 https://github.com/bitjaru/styleseed /tmp/ss-restyle && cp -r /tmp/ss-restyle/skills/ss-restyle ~/.claude/skills/ss-restyleSKILL.md
# Apply an aesthetic profile ## Registry-first artifact boundary 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. ## Workflow 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. ## Rules - A profile is optional appearance coordination, not a design-method exemption. - `technical` profile does not turn a commerce page into an observability console. - `editorial` profile does not justify unreadable serif body in a transaction workflow. - `brutalist-lite` still requires coherent states, contrast, and one border language. - Use `/ss-dial` for one-axis changes and `/ss-reference` for a new evidence-derived language.
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, then run the code and pixel gates before presenting.
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
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, 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.
Add appropriate user feedback states (loading, success, error, empty) to a component or page
Design user flows and navigation structure following proven UX patterns