pravinbanjade

UX Restyle — Design skill for Claude Code

Design community

Repair UI in this repo against its recorded design system — substituting off-system literals for tokens and proposing the repairs that need judgment.

How to install UX Restyle

Installs to ~/.claude/skills/pravinbanjade-ux-engine-ux-restyle/SKILL.md

Terminal
mkdir -p ~/.claude/skills/pravinbanjade-ux-engine-ux-restyle && curl -fsSL https://raw.githubusercontent.com/pravinbanjade/ux-engine/HEAD/commands/ux-restyle.md -o ~/.claude/skills/pravinbanjade-ux-engine-ux-restyle/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What UX Restyle does


name: ux-restyle description: Repair UI in this repo against its recorded design system — substituting off-system literals for tokens and proposing the repairs that need judgment. Edits code only after you approve the plan.

Use the `ux-restyle` skill to repair the repository at the current working directory.

Scope: if `$ARGUMENTS` names a path, restyle that path — pass it to the scanner as `--path ` and to the report as `--scope path --path `. Otherwise restyle the whole re

Alternatives in Design

  • Polish UI — Polish UI elements by auditing SCSS and TSX markup against the Anytype design system, then fixing discrepancie 8.7k ★
  • Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
  • Skill Deck — Generate slide deck presentations from briefs — use when you need slides, pitch decks, or visual summaries 2.8k ★

Full documentation available on GitHub

View Source Repository