关于 elementor-to-generateblocks
此技能指导将 Elementor 布局迁移为语义化的 GenerateBlocks 和核心区块，面向需要转换 WordPress 页面布局的工作流。它强调保留内容、设备可见性、查询和组件行为，并通过校验及编辑器检查确认结果。
主要功能
- 01盘点组件、动态数据和链接
- 02映射并迁移小组件
- 03保留设备可见性与查询
- 04生成转换文件并运行校验
- 05写入文件并检查编辑器结果
适用场景
- 01将 Elementor 页面迁移至 GenerateBlocks
- 02转换含动态查询的布局
- 03迁移表单或交互式组件
安装
复制下面的命令，在终端中运行。
npx skills add https:/安装后在 Claude Code 中输入/elementor-to-generateblocks确认已加载。
附带文件CLAUDE.mdreferences/widget-map.md
详细介绍
Elementor 到 GenerateBlocks
将 Elementor 布局迁移为语义化的原生区块。在不丢失内容、设备可见性、CMS 查询或可用小工具的前提下，减少不必要的包装器。
仅使用 GenerateBlocks（包括 Pro）和核心区块。将 CSS 保留在原生区块样式中，并使用原生区块实现交互。除非用户明确要求，否则不要添加 Scripts Manager、Page Block、Custom HTML/CSS/JS 或其他页面构建器。
通用约定
在输出标记之前，先阅读配套 generateblocks-layouts 技能中的 references/authoring-contract.md，并阅读其中的 references/_index.md，以选择任务专用指南。对于已安装的技能，配套文件位于同级目录 ../generateblocks-layouts/；独立软件包在 references/generateblocks-layouts/ 中附带相同依赖。不要同时读取这两个副本，也不要读取整个资料库。
默认使用本地区块样式。 除非用户已经做出选择，否则询问一次是否使用共享的全局样式和设计令牌。只有在用户明确同意后，才创建／导入共享记录或添加新的共享依赖；保留现有引用。具体范围和提示方式以配套约定为准。有可用的文章 ID 时使用真实文章 ID，否则为该布局使用一个随机的四位数作用域。
转换工作流
- 清点各个分区／容器、小工具、表单、动态来源和链接。
- 检查实际布局值和设备范围；类名不能作为数值规格。遇到不熟悉或有交互功能的小工具时，使用小工具映射表。
- 仅扁平化多余的包装器。保留锚点／脚本依赖，并有意迁移表单／查询配置。
- 生成
{section}-converted.html，核对小工具清单，并运行通用验证流程。通过测量来评估，不要承诺提速。
配套约定包含常见的静态 Element／Text 路径。仅当源内容映射需要时，才加载此转换参考。新的视觉设计决策还需参考 design-quality.md。动态数据需要参考 dynamic-tags.md 和相关查询／字段指南；交互式 Pro 区块需要使用其原生架构／保存输出。
交付
将区块写入文件，而不是聊天内容中。使用配套序列化工具，并运行 preflight.py FILE --id-scope SCOPE。在实际编辑器中确认不熟悉的输出，并比较可见内容和行为；静态预检并不足够。要写入线上内容，还必须参考 mcp-publishing.md、创建快照并回读原始内容。仅提出转换请求并不代表已获准发布。
序列化、类顺序、链接、CSS 状态和断点规则均以配套约定为准，不要在此重复。示例并非当前品牌的默认设置，也不是可直接导入其他文章的标记。