Wp Plugin Theme — Design skill for Claude Code
Declare plugin dependencies and generate plugin-specific CSS and compatibility code for a block theme.
How to install Wp Plugin Theme
Installs to ~/.claude/skills/siddik-web-wp-block-theme-converter-wp-plugin-theme/SKILL.md
mkdir -p ~/.claude/skills/siddik-web-wp-block-theme-converter-wp-plugin-theme && curl -fsSL https://raw.githubusercontent.com/siddik-web/wp-block-theme-converter/HEAD/commands/wp-plugin-theme.md -o ~/.claude/skills/siddik-web-wp-block-theme-converter-wp-plugin-theme/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Wp Plugin Theme does
description: Declare plugin dependencies and generate plugin-specific CSS and compatibility code for a block theme.
/wp-plugin-theme
**Purpose:** Extend a block theme to declare plugin dependencies, add plugin-specific CSS stubs, and generate compatibility code for the most common WordPress plugins (Yoast SEO, WPForms, Gravity Forms, ACF, Jetpack, WooCommerce, and others).
Trigger
User types `/wp-plugin-theme` OR asks for plugin compatibility in their theme, OR their conversion
Alternatives in Design
- Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
- Theme Swap — Recolour an extracted site's design around a new brand primary 3.6k ★
- WP Block Themes — WordPress block theme development 902 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Convert To Wp Theme
Convert a complete HTML/CSS/JavaScript project into a production-ready WordPress block theme (Full Site Editin
Wp Variation
Generate a WordPress block theme style variation (styles/.json) — dark mode, color palette swap, or font swap.
J Explain
Generate a self-contained HTML document or information report that explains a topic — inline CSS/JS/SVG, visua
Design Framework
Convert HTML/CSS design output to framework-specific component code. Supports web: React+Tailwind, Vue 3+UnoCS
5
Build a production-ready, responsive landing page using React, Tailwind CSS v4, and Vite. The design should fe
3D Jack Portfolio
Build a 3D Creator portfolio landing page for "Jack" using React, TypeScript, Tailwind CSS, Framer Motion, and
Related Agents
Canva Fse Converter
Specialized agent for converting Canva HTML/CSS exports to WordPress FSE block themes. Parses design tokens fr
Token Modeller
Modelling agent that turns raw measured or inferred values into the semantic token set and emits tokens.ts, th
Drupal Theme Planner
Plans Drupal theme architectures — base theme selection, component libraries (SDC), CSS methodology, Twig temp