build-visual
CommunityBuild FSE themes from designs.
Authordr-robert-li
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of custom WordPress Full Site Editing (FSE) block themes directly from visual design inputs, eliminating the need for manual coding and theme development.
Core Features & Use Cases
- Design-to-Theme Conversion: Translates visual designs (HTML/CSS exports or screenshots) into a fully functional WordPress FSE theme.
- Automated Scaffolding: Generates all necessary theme files, including
style.css,theme.json, templates, and parts. - Use Case: You have a Figma design for a client's new website. Use this Skill to generate a complete, installable WordPress theme that matches the design precisely, saving days of development time.
Quick Start
Generate a custom WordPress FSE block theme from the design files located in the './my-design-export' directory.
Dependency Matrix
Required Modules
wp-clidocker-mysql-runningpython3curl
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: build-visual Download link: https://github.com/dr-robert-li/cowork-wordpress-expert/archive/main.zip#build-visual Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.