siddik-web

Wp Theme JSON — Design skill for Claude Code

Design community

Generate a complete, valid theme.json (schema v3) from a design system, CSS custom properties, or design tokens.

How to install Wp Theme JSON

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

Terminal

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

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

What Wp Theme JSON does

description: Generate a complete, valid theme.json (schema v3) from a design system, CSS custom properties, or design tokens.

/wp-theme-json

**Purpose:** Generate a complete, valid `theme.json` (schema v3) from a design system, CSS custom properties, or design token specification.

Trigger

User types `/wp-theme-json` followed by:

CSS custom properties (:root { --color-primary: #000; ... })
A design tokens spec (JSON, YAML, or plain description)
A natural language descrip

Alternatives in Design

NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Theme Swap — Recolour an extracted site's design around a new brand primary 3.6k ★
Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★