ss-restyle

Apply coordinated design presets across typography, spacing, color, motion, and elevation.

22|1|Updated Jul 17, 2026
One-click install
npx skills add https://github.com/izzoa/polyrouter --skill ss-restyle
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ss-restyle
Source: https://github.com/izzoa/polyrouter/tree/main/.agents/skills/ss-restyle
Command: npx skills add https://github.com/izzoa/polyrouter --skill ss-restyle

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you restyle a project to a named aesthetic when the request is broader than a single visual tweak, such as making an interface feel more editorial, Swiss, technical, warm, minimal, or brutalist.

Core Features & Use Cases

  • Preset-based styling: Applies a full coordinated design identity across radius, density, color, weight, motion, typography, and elevation.
  • Lock-aware restyling: Preserves deliberate brand choices like an existing accent hex or required font while filling in the rest of the style system.
  • Quality-gated output: Rewrites the style lock and re-checks coherence so the final result stays consistent rather than becoming a mixed aesthetic.
  • Use case: A product team wants the UI to feel more editorial without losing readability, so the Skill shifts the visual system as a whole instead of changing only one token.

Quick Start

Apply the editorial preset to the current project and restyle the interface to match it while preserving any existing brand color or required font.

Frequently Asked Questions about ss-restyle

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I restyle an interface to match a specific visual aesthetic like editorial or brutalist?

To restyle an interface to a named aesthetic, apply a coordinated preset across typography, spacing, color, motion, and elevation. This shifts the visual system holistically rather than changing individual tokens.

What is a coordinated design system preset for visual identity?

A coordinated design system preset is a full visual identity applied across radius, density, color, weight, motion, typography, and elevation. It translates a mood word like Swiss or minimal into a cohesive system.

Can I apply a new design system without overwriting existing brand colors and fonts?

Yes, lock-aware restyling preserves deliberate brand constraints like an existing accent hex or required font. The system fills in the remaining style tokens while respecting your locked brand choices.

How do I maintain visual consistency when updating a UI to a new aesthetic?

To maintain visual consistency when updating a UI aesthetic, use a quality-gated process that rewrites the style lock and re-checks coherence. This prevents the final result from becoming a mixed aesthetic.

When should I use a full-system preset restyle instead of adjusting individual design tokens?

Use a full-system preset restyle when a request is broader than a single visual tweak, such as making an interface feel more editorial or warm. It updates the entire visual system at once for unified results.