GenerateBlocks Skills

GenerateBlocks Skills（https://github.com/wpgaurav/generateblocks-skills）是专为 AI 编码助手设计的 GenerateBlocks WordPress 插件技能库，让 AI 能精准生成符合 GenerateBlocks V2 规范的块序列化数据。

核心价值

GenerateBlocks 是 Tom Usborne（GeneratePress 作者）开发的 WordPress 块编辑器，核心理念是「4 个核心块解决几乎所有布局」：Container（容器）、Grid（网格）、Headline（标题）、Buttons（按钮）。Pro 版还包含 Query Loop、Accordion、Tabs、Forms 等进阶组件。

本仓库包含 4 个 Skill：

1. GenerateBlocks Layouts（核心）：静态页面、动态内容（Query Loop、27 种动态标签）、ACF 自定义字段、交互动效、条件逻辑、Pro 组件、全站模板
2. HTML to GenerateBlocks：HTML/CSS 转 GB 块标记
3. Elementor to GenerateBlocks：Elementor 布局迁移到 GB
4. Figma to GenerateBlocks：Figma 设计稿转 GB 块

技术架构

每个 Skill 采用标准 SKILL.md 格式（YAML frontmatter + Markdown），含工作流程、引用文档（authoring-contract.md、recovery-rules.md、styling-scope.md 等）、examples/ 示例、scripts/ 验证脚本。内置 preflight.py 静态验证和 verify_roundtrip.py 真实编辑器验证。

安装机制

install.sh 一行命令为 Claude Code、Cursor、Windsurf、Codex、Gemini CLI、Copilot、Cline、Aider 等 8 种 AI 工具安装技能。build-bundles.sh 打包为独立 .skill 文件和 .zip，输出到 importable/ 目录。

版本现状

• 基准版本：GenerateBlocks 2.4.1 + GB Pro 2.7.1，WordPress 7.1.1 / PHP 8.4
• Beta：2.5.0-beta.1 + Pro 2.8.0-beta.1（Design Tokens、Style Book、共享选择器）
• 最新提交：2026-09-19，活跃维护中
• 130 ★ / 19 Fork，社区专注度高

使用方式

git clone https://github.com/wpgaurav/generateblocks-skills.git
cd generateblocks-skills
./install.sh

或在 Claude Code/Cursor/Windsurf 中直接引用 Skill 文件：

Read skills/generateblocks-layouts/SKILL.md and create a testimonial slider with 3 cards