CrocoBuilder AI 原生 WordPress 插件[更至v1.0.0-rc.1]

CrocoBuilder 是一款面向开发者的 AI 原生 WordPress 前端构建器，主打原子化 DOM 输出、统一 CSS 控制和 AI 辅助组件开发，兼顾可视化编辑与完整代码掌控。适用于复杂 WordPress 项目、代理商快速交付以及产品团队长期维护场景。

核心技术特点

原子化 DOM 输出

每个构建器元素对应一个 DOM 节点，输出 HTML 干净整洁，无隐藏包装元素或冗余标记。这种设计让页面结构清晰可读，既提升加载速度，也降低后期维护成本。

统一 CSS 控制体系

支持通过可视化控件或原始 CSS 代码两种方式编辑样式，修改同步生效，无需在「额外 CSS」框和可视化编辑器之间来回切换。可在站点级别定义排版、间距、颜色等基础样式，所有改动自动全局生效。颜色、字体、尺寸、间距等均可定义为 CSS 自定义属性（CSS Custom Properties），在整个站点复用，且对 AI 和代码均友好。 支持自定义断点而非依赖预设响应式逻辑。类名采用真实 CSS 命名规范，在构建器外部（如 Gutenberg 或其他项目）同样可用。

AI 驱动的组件开发

内置 MCP 连接能力，可对接 Claude、Codex 等 AI 助手，直接通过对话管理站点结构、查询、组件、样式和页面。 AI 组件创建功能支持通过提示词生成自定义组件，生成后仍可手动调整代码而不丢失构建器兼容性。AI 助理可依据提示词和前端逻辑自动组装页面，支持拖拽布局、选项卡、滑块、手风琴等多种复杂内容展示方式，切换布局无需重建内容块。

版本控制与协作

GitHub 版本控制功能（即将推出）可将构建器内容同步至 Git 仓库，为前端工作流引入真正的版本管理能力。

适用人群与典型场景

目标用户

WordPress 开发者、负责复杂站点的代理商以及需要代码掌控力的产品团队。

核心场景

• 需要统一设计系统的大型 WordPress 项目
• 要求输出高质量、语义化 HTML 的企业级站点
• 需要 AI 辅助提升开发效率但不愿放弃代码控制的团队
• 与 JetEngine、JetFormBuilder、JetSmartFilters 等 JetPlugins 生态深度集成的项目

订阅方案

30 天订阅

• AI 原生网站构建器及 AI 辅助工作流
• 完整代码与可视化双重控制
• 一年产品更新
• 一年 Zoom 与在线聊天支持
• 包含 22 个 JetPlugins（JetEngine、JetFormBuilder、JetSmartFilters、JetPopup、JetWooBuilder、JetSearch、JetBlog、JetElements 等）
• 预制模板库
• 30 天退款保证

终身订阅

• 永久产品更新
• 永久 Zoom 与在线聊天支持

两种方案均不含免费版本，但提供 30 天无风险试用窗口。

更新回滚机制

插件提供安全更新机制，当新版本与现有配置发生冲突时，可随时回滚到之前稳定的工作状态，避免更新导致站点故障。

与 Gutenberg 编辑器的协作方式

CrocoBuilder 与 Gutenberg 共存而非取代。用户可为特定页面或全局模板指定使用 CrocoBuilder 渲染前端内容，工具通过标准 WordPress 模板 API 实现；其余页面维持原样，不受影响。

源代码控制权

所有生成的组件均为标准 HTML、CSS、JavaScript，不存在任何专有格式锁定。用户拥有完整源代码，可直接编辑修改。AI 仅负责生成初始结构，后续手动调整不会被后续 AI 更新覆盖。

样式可移植性

插件输出原子化 DOM 结构和真实 CSS 类名，生成的标记和样式可在 CrocoBuilder 外部正常使用，不依赖任何专有解析器或格式。