WPDS — Design skill for Claude Code
WordPress Design System.
How to install WPDS
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open WordPress/agent-skills and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What WPDS does
WordPress Design System.
One of 12 entries listed from WordPress/agent-skills. The repository README
describes the whole collection, not this skill — read it on GitHub.
When Claude uses WPDS
/wpds Alternatives in Design
- Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
- Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
- Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
Related Skills
Wp Headless Review
Headless WordPress and WPGraphQL review - validates schema design, resolver safety, preview/auth flows, and ca
Claude Greenshift Skill
Claude Code skill: build complete WordPress sites on the Greenshift block builder from a Figma/Paper design, e
WP Block Themes
WordPress block theme development
Wp Admin Review
WordPress admin UI review - validates admin pages, settings screens, notices, capability checks, screen target
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.
Related Agents
Canva Fse Converter
Specialized agent for converting Canva HTML/CSS exports to WordPress FSE block themes. Parses design tokens fr
Unit Test Writer
PHPUnit test writer for WordPress/WooCommerce PHP code. MUST BE USED whenever PHP unit tests need to be writte
Wp Theme Reviewer
Audits a generated or existing WordPress block theme for FSE correctness, theme.json validity, accessibility,