把 Claude Design 导出到 WordPress：在应用中需要准备什么
- 搭载 Apple 芯片的 Mac（M1 或更新），macOS 12 或更高版本。
- 一个 ChatGPT 账号。转换由你自己订阅中的 AI 完成，所以你不用向我们购买额度。
- 你从 Claude Design 导出的文件：保存为 HTML 文件的设计。如果有多个页面，把每个页面分别保存为单独的文件。
Claude 生成的 HTML 是通往主题最短的路线，因为应用不需要先构建它，也不需要先在浏览器中打开。免费版可以转换 3 个网站，每个最多 5 个页面。做客户项目需要在价格页面购买 Pro 许可证。
安装、环境和登录
下载 Mac 版应用，把它移到“应用程序”文件夹。在 Settings（设置）中点击 Prepare environment（准备环境），应用会下载 Docker 和转换环境。然后用 Connect with ChatGPT 登录。应用版 Lovable 指南用截图详细介绍了这些步骤，Claude 的步骤完全相同。
把 Claude Design 导出的设计导入应用
从 Claude Design 导出时，在 Claude 中把 artifact 下载为 .html 文件。新建一个文件夹，把文件以 index.html 的名称保存进去。如果设计链接了不在文件内部的图片，把它们放进同一个文件夹，放在代码所期望的位置。其他页面，例如“关于”或“联系”，以 about.html 和 contact.html 的名称放在旁边。应用会根据文件名判断哪个页面是什么。
在应用中点击 New project（新建项目，⌘N），输出保留 HTML WordPress theme，然后选择 Choose a folder。如果你已经把文件夹压缩成 ZIP，就改用 Import a ZIP。
WordPress 主题：Flash 还是 Full
Flash 是默认选项：每个步骤运行一次，大约需要半小时。Full 运行所有检查并尝试修复错误，所以大约需要一小时。单页设计通常耗时较短，但检查仍会完整运行。
转换期间，Overview（概览）标签页会显示应用正在做什么。要暂停，点击 Stop conversion，之后用 Continue 继续。
在应用中检查设计
Compare（比对）标签页会在桌面和手机宽度下，把原版和 WordPress 版本并排显示。请查看每个页面，因为自动检查能发现大部分差异，但不是全部。如果哪里不一致，就写在聊天里。修改会在预览中完成，然后用 Make release 打包新版本的主题。
从 Claude Design 导出之后：导出 WordPress 主题
在 Exports（导出）标签页中，在 WordPress theme 旁点击 Save，保存 ZIP。在 WordPress 中，通过“外观 → 主题 → 添加新主题 → 上传主题”上传。主题是独立的：页面、表单、菜单和 SEO 无需插件即可运行。
Visual Edit 编辑器能让你的客户点击即编辑。如果你在终端里工作，Claude Code 和 Codex 插件指南介绍了同样的转换。