SuperAPI AI 工具集

elementor-to-generateblocks

前端与建站

查看项目

更新于 10-16 02:24

技能介绍

Elementor to GenerateBlocks 是一个用于将 Elementor 布局迁移到 GenerateBlocks V2 格式的技能。其核心目标是生成语义化的原生区块,减少冗余的包装层,同时保留内容、设备可见性、CMS 查询和可正常工作的小组件。

用途 该技能面向需要从 Elementor 迁移到 GenerateBlocks 的场景,帮助用户将现有 Elementor 布局转换为干净的 GenerateBlocks V2 格式,消除不必要的嵌套结构(即 DIVception)。

主要能力

  • 仅使用 GenerateBlocks(包括 Pro)和核心区块进行转换。
  • 将 CSS 保留在原生区块样式中,将交互保留在原生区块中。
  • 除非用户明确要求,否则不添加 Scripts Manager、Page Block、Custom HTML/CSS/JS 或其他构建器。
  • 支持清单化处理 sections/containers、widgets、forms、动态来源和链接。
  • 检查实际布局值和设备范围,类名不作为数值规格使用。
  • 仅扁平化冗余包装层,保留锚点/脚本依赖,并有意识地迁移表单/查询配置。
  • 生成 {section}-converted.html,核对 widget 清单,并运行共享验证流程。
  • 测量而非承诺速度提升。

使用方式 使用前需参考配套的 generateblocks-layouts 技能中的 references/authoring-contract.md,并通过其 references/_index.md 选择任务特定指南。已安装技能时,配套技能位于同级 ../generateblocks-layouts/;独立包则在 references/generateblocks-layouts/ 下携带相同依赖。不要同时读取两份副本或整个库。

本地区块样式为默认选项。除非用户已选择,否则就共享 Global Styles 和 Design Tokens 提示一次。仅在明确选择加入后创建/导入共享记录或添加新的共享依赖;保留现有引用。配套契约拥有确切的适用范围和提示。可用时使用真实文章 ID,否则为布局使用一个随机的四位数字范围。

转换工作流包括:清点 sections/containers、widgets、forms、动态来源和链接;检查实际布局值和设备范围;仅扁平化冗余包装层;生成 {section}-converted.html;核对 widget 清单;运行共享验证流程。

交付时,将区块写入文件而非聊天。使用配套的序列化辅助工具并运行 preflight.py FILE --id-scope SCOPE。在实际编辑器中确认不熟悉的输出,并比较可见内容和行为;静态预检不充分。实时写入还需要 mcp-publishing.md、快照和原始内容回读。仅转换请求本身不授权发布。

适用场景 适用于需要将 Elementor 布局迁移到 GenerateBlocks 的 WordPress 站点,尤其是希望减少冗余包装、保持原生区块语义、并保留动态数据和交互功能的场景。

限制

  • 需要配套的 generateblocks-layouts 技能及其参考文件。
  • 动态数据需要 dynamic-tags.md 以及相关的查询/字段指南。
  • 交互式 Pro 区块需要其原生 schemas/save 输出。
  • 新的视觉决策需要 design-quality.md。
  • 静态预检不足以确认输出,需在真实编辑器中验证。
  • 实时写入需要额外授权和步骤。
  • 示例并非当前品牌默认值,也不是针对不同文章的即用型标记。