design-to-wp-block
Installation
SKILL.md
Design to WordPress Block
Create production-ready WordPress block patterns from Figma designs or screenshots using the design-specialist agent.
Usage
- "Create a WordPress block pattern from this Figma design: [URL]"
- "Convert this mockup to a WordPress block pattern: [screenshot path]"
- "Build a hero-cta block pattern from this design for the kanopi-base theme"
Arguments: [design-source] [pattern-name] [theme-namespace]
Environment Detection
Tier 1 — Portable (Claude Desktop, Codex, any environment)
When Task() is unavailable but design data can be accessed: