siddik-web

Wp Variation — Design skill for Claude Code

Design community

Generate a WordPress block theme style variation (styles/.json) — dark mode, color palette swap, or font swap.

How to install Wp Variation

Installs to ~/.claude/skills/siddik-web-wp-block-theme-converter-wp-variation/SKILL.md

Terminal
mkdir -p ~/.claude/skills/siddik-web-wp-block-theme-converter-wp-variation && curl -fsSL https://raw.githubusercontent.com/siddik-web/wp-block-theme-converter/HEAD/commands/wp-variation.md -o ~/.claude/skills/siddik-web-wp-block-theme-converter-wp-variation/SKILL.md

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

What Wp Variation does


description: Generate a WordPress block theme style variation (styles/*.json) — dark mode, color palette swap, or font swap.

/wp-variation

**Purpose:** Generate a WordPress block theme style variation — a `styles/*.json` file that overrides color, typography, and spacing from the base `theme.json` to create an alternative theme aesthetic.

When to Use

Trigger this command when:

  • The user wants a dark, light, high-contrast, seasonal, or brand-alternate version of their theme
  • T

Alternatives in Design

  • Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
  • Explanatory Output Style — Educational output mode with insights about implementation choices 14k ★
  • Theme Swap — Recolour an extracted site's design around a new brand primary 3.6k ★

Full documentation available on GitHub

View Source Repository