Manavarya09

Theme Swap — Design skill for Claude Code

Design community

Recolour an extracted site's design around a new brand primary.

How to install Theme Swap

Installs to ~/.claude/skills/manavarya09-design-extract-theme-swap/SKILL.md

Terminal

mkdir -p ~/.claude/skills/manavarya09-design-extract-theme-swap && curl -fsSL https://raw.githubusercontent.com/Manavarya09/design-extract/HEAD/commands/theme-swap.md -o ~/.claude/skills/manavarya09-design-extract-theme-swap/SKILL.md

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

What Theme Swap does

description: Recolour an extracted site's design around a new brand primary. OKLCH hue rotation preserves perceptual lightness — neutrals, type, spacing, and motion stay untouched. Side-by-side HTML preview + recoloured tokens (DTCG, Tailwind, shadcn, Figma). argument-hint: --primary [--from ] [--open]

Take any extracted site and swap its brand primary to the user-provided hex. The whole palette rotates around that hue while neutrals and structural tokens stay put.

Alternatives in Design

Hue — open-source skill that learns any brand and turns it into a complete design system 806 ★
Contributing To MiniCode — Thanks for contributing to MiniCode 388 ★
Design Render Critique Loop — Render a design from its FORGE:DESIGN_SPEC, critique the rendered pixels against the perceptual negatives, and 117 ★