GenerateBlocks Skills: block layout skills for WordPress
GenerateBlocks Skills
Three skills teach an agent to produce valid GenerateBlocks markup: sections, query loops, Figma and Elementor conversion
- 142 ★ on the repository
- Last commit
Extended access
Why this level
- Publishing over MCP changes pages on a live WordPress site
- The installer for combined rules files replaces an existing instructions file
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/generateblocks-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Publishing over MCP changes pages on a live WordPress site
- The installer for combined rules files replaces an existing instructions file
This is third-party code. Review the repository files before installing.
What it does
GenerateBlocks Skills is documentation and resources for the GenerateBlocks plugin, formatted for an agent. The `generateblocks-layouts` skill describes how to build sections: heroes, pricing, cards, FAQs, calls to action and whole landing pages. It knows dynamic content (query loops with 27 dynamic tags), ACF fields with repeaters and Pro conditions. The `figma-to-generateblocks` and `elementor-to-generateblocks` skills convert a Figma layout or an Elementor page into GenerateBlocks blocks. Styles stay in block attributes, and global styles and design tokens are added only when explicitly requested. For Pro blocks it covers accordion, tabs, carousel, navigation, site header, overlays and the 2.6 forms system, and for whole sites GeneratePress Elements templates and block themes. The author tested the set on GenerateBlocks 2.5.0 and Pro 2.8.0 in a live WordPress editor on October 27, 2026. The bundled `build_css()` compiler matched the native styles builder on 1,453 objects. Publishing to a live site goes over MCP, through the author's recommended Site Agent plugin or the official WordPress MCP Adapter.
Who it is for. WordPress site builders and owners on GenerateBlocks who have an agent assemble pages from blocks and skip pasting HTML by hand.
Good fit when
- A landing page with a hero, pricing and FAQ is needed from GenerateBlocks blocks
- A blog needs a query loop: an article grid, related posts or an archive with dynamic tags
- A Figma layout has to be moved into GenerateBlocks blocks with styles kept in attributes
- An Elementor page has to become native blocks without extra code
- Finished blocks should be published to a live site over MCP and checked after saving
Not a fit when
- The site runs on another builder: the skills are built for GenerateBlocks and native blocks
- You need scripts, custom HTML or JavaScript: they are added only on explicit request
- You need a GenerateBlocks version older than 2.x: testing used 2.5.0 and Pro 2.8.0
- You want to publish without MCP: then blocks have to be pasted into the editor by hand
Example request
Build a landing page in GenerateBlocks with a hero, three pricing tiers and an FAQ block. Keep styles local and add no global ones.Limitations
The skills were tested on GenerateBlocks 2.5.0 and Pro 2.8.0 in WordPress 7.1.3, so behaviour on other versions is not guaranteed. The installer for Windsurf, Gemini CLI, Copilot, Cline and Aider writes a combined rules file and replaces the target file, so save any other instructions in it beforehand.
Publishing to a live site needs a separate WordPress MCP server. The author recommends his own free Site Agent plugin, so the guidance may lean that way; the official WordPress MCP Adapter and Novamira, with PHP execution, are alternatives. For Codex, the current install procedure is in the wiki.
How to disable. Delete the `generateblocks-*` skill folders from the agent's skills directory, for example `~/.claude/skills/`. For agents with a combined rules file, restore the earlier file from your backup.
FAQ
How do I install GenerateBlocks Skills in Claude Code?
Clone the repository and run `./install.sh claude`: the skills land in `~/.claude/skills/`. For several agents at once use `./install.sh cursor codex`, and for all `./install.sh --all`.
Which skills are in the set?
Three: `generateblocks-layouts` for markup and dynamic content, and `figma-to-generateblocks` and `elementor-to-generateblocks` for layout conversion.
Is GenerateBlocks Pro required?
The free version covers basic sections. Accordion, tabs, carousel, navigation and form blocks, plus conditions, belong to Pro.
How do I publish blocks to the site?
Through a WordPress MCP server: the author recommends Site Agent, and the official WordPress MCP Adapter and Novamira are described too. Without MCP you paste the markup into the editor by hand.
What do native blocks mean in the set?
The agent uses only GenerateBlocks, Pro and suitable core blocks and keeps styles in attributes. Scripts and custom HTML, CSS and JavaScript are added on explicit request.
Discussion
No questions or reviews yet.
Related
SkillsSkill for Bricks Builder: ready JSON for layouts, templates, query loops, ACF and popups, verified against the Bricks 2.3.6 theme
45 skills for an agent working with WordPress Bricks through MCP: design system, templates, elements and dynamic data.
The official Webflow plugin: over thirty skills for the CMS, site audits, Designer, code components and safe publishing
A Claude Code plugin with 11 commands that builds a WordPress block theme from static markup and converts classic themes to FSE.
design-to-code: a website from a design image
design-to-code
A skill that turns a screenshot, mockup, Figma frame or live page into a responsive site and checks it against the design
A TypeUI Figma plugin that reads a file's styles and generates DESIGN.md and SKILL.md for Claude Code, Codex and Cursor
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Authentication | Repository stars | Main difference |
|---|---|---|---|---|
| GenerateBlocks Skills: block layout skills for WordPress (this card) | no | 142 | ||
| Agent Skills for WordPress | no | 2,358 | general WordPress skills without GenerateBlocks markup or layout conversion | |
| Elementor MCP | no | API key | 765 | an MCP server for Elementor with no skills for GenerateBlocks blocks |
README in short
The README lists what the skills can do and shows a design system kit: 19 tokens, 23 shared styles, six sections and two brand presets. Installation uses a script for eight tools, and a manual path works by uploading a `.skill` file or an archive. Details are in the repository wiki.