skills.rest
wpgauravwpgauravCommunity·4 Agent Skills Included

generateblocks-skills

Build and convert WordPress layouts into GenerateBlocks markup

Builds WordPress page layouts with GenerateBlocks V2 blocks and converts HTML, Elementor, and Figma designs into clean block markup. Eliminates bloated nested divs, broken block recovery errors, and manual CSS debugging. Includes verified serialization rules, dynamic tag syntax, and validation scripts so generated blocks paste into WordPress without errors.
111|16
↗
npx skills add wpgaurav/generateblocks-skills --all -g -y
Available:

Instructs the agent on correct GenerateBlocks V2 block names, serialization rules, dynamic tag syntax, and how to route each conversion request to the right sub-skill and reference file.

All Skills in This Repository (4)

Pure Emerald Level Indicators
📦 In Repo
wpgauravwpgaurav

elementor-to-generateblocks

Convert Elementor HTML into GenerateBlocks V2 blocks with WordPress delimiters.

Community
Basic
📦 In Repo
wpgauravwpgaurav

generateblocks-layouts

Assemble GenerateBlocks V2 layouts into standalone HTML files with minimal CSS.

Community
Intermediate
📦 In Repo
wpgauravwpgaurav

html-to-generateblocks

Convert HTML/CSS layouts into GenerateBlocks V2 blocks with inline styles.

Community
Intermediate
📦 In Repo
wpgauravwpgaurav

figma-to-generateblocks

Convert Figma designs into GenerateBlocks V2 HTML files for WordPress.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install generateblocks-skills?▼

Run `npx skills add wpgaurav/generateblocks-skills --all -g -y` in your terminal to install all four skills globally.

How to convert Elementor layouts to GenerateBlocks?▼

The elementor-to-generateblocks skill flattens Elementor's nested div structure and maps every widget to clean GenerateBlocks V2 blocks with proper styles and attributes.

Can I convert a Figma design to WordPress blocks?▼

Yes. Share a Figma screenshot, URL, or exported CSS and the figma-to-generateblocks skill converts the layout, typography, and colors into ready-to-paste GenerateBlocks markup.

Why do my GenerateBlocks show Attempt Recovery errors?▼

Recovery errors come from incorrect JSON key order, wrong escaping, or malformed attributes. The bundled recovery-rules reference and preflight validation script catch and fix every known cause.

Does it work with Claude Code and Cursor?▼

Yes. All skills follow the standard SKILL.md format and work in Claude Code, Cursor, Windsurf, Codex, and other compatible coding assistants.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills