Mervin Praison 在 Claude Code 里实测免费的 Colorfigures 技能：描述点击笔、马桶水箱或滴滤咖啡机，就能得到可旋转、可打开、可按压的 3D 机器，耗时 25 到 70 分钟。
用 Claude 和免费技能搭建 WordPress 网站
Metics Media 的 Matt 教新手让 Claude 设计 WordPress 网站，用 Higgsfield 生成照片，通过 Elementor MCP 搭建每个页面，最后发布到自己的域名，全程无需写代码。
Metics Media · YouTube · 发布于 2026年11月3日 · 软件开发与运维
▶ 在 YouTube 观看图解
Matt 在 Claude 桌面版的 Code 标签里安装一个免费的 WordPress 技能。Claude 先采访你，在你付托管费之前就设计好网站供你确认，再通过 Higgsfield 生成照片，然后用 Elementor MCP 搭建每个页面，并发布到你自己的域名。
要解决的问题: 做一个定制的 WordPress 网站，通常要请设计师和摄影师，还不知道该点哪些按钮。
从一次对话到上线的 WordPress 网站
- Claude + 免费技能Claude 桌面版 Pro 套餐，一次性上传 WordPress 网站技能
- 业务采访Claude 逐个提问，然后总结一份简报供你确认
- 设计预览先给出三种风格，再在浏览器里设计好所有页面，此时还没有上线丢弃: 你要求修改的部分
- AI 照片Higgsfield 生成照片并美化你的手机照片，保留真实产品
- 托管与 WordPressHostinger、免费域名，再手动安装 Astra 主题、Elementor 和 WPForms
- Elementor MCP 搭建Claude 用真正的 Elementor 元素把每个页面搭成草稿
- 上线网站检查后发布到你自己的域名，可手动或用 Claude 修改
工具手动步骤Claude 完成成果
Claude 会问什么
- 商家名称，以及是否真实业务
- 访客最应该做的一件事
- 页面、风格配色和你自己的照片
关键数字
约 $20/月Claude Pro（年付约 $17）
8 张照片用了 16 个积分
$19/月Higgsfield Starter（美国）
约 10 分钟搭建首页
自己动手做
跟着思路走，不必照搬按钮：视频提到应用界面经常变化。
- 安装 Claude 桌面版，选 Pro 月付，上传免费的 WordPress 网站技能 zip（不要解压）。
- 在 Code 标签里打开新文件夹，选 Opus，输入：build my website。
- 回答 Claude 的问题，确认简报，然后查看它在 Chrome 里打开的设计。
- 把 Higgsfield 添加为自定义连接器，再让 Claude 生成照片。
- 购买带免费域名的 Hostinger 托管，安装 WordPress，再装 Astra、Elementor 和 WPForms。
- 启用 Elementor MCP，生成 Claude Code 设置提示词，在新会话里粘贴给 Claude。
- 让 Claude 搭建页面，在自定义器里设置颜色、字体、页眉页脚，加入表单，然后检查并发布。
Claude 把页面建成草稿，你说发布之前不会对外可见。
视频里的注意事项
- 技能从不索要你的 WordPress 或托管密码；Claude 用的是单独的应用密码，随时可删除。
- 新连接只会在新会话中加载，所以要在同一文件夹里新开会话。
- Claude 工作时关闭 Elementor 编辑器标签；在打开的编辑器里保存可能会撤销它的改动。
- Claude 不会替你购买任何东西；使用 Higgsfield 前会告诉你积分花费。
- 记得验证 Hostinger 发来的邮件；未验证的域名 15 天后可能失效。
直接跳到你需要的部分
根据视频字幕提炼
怎么上手
- 打开 Claude。
- 复制提示词，把 [方括号] 里的内容换成你自己的。
- 观看 Metics Media 的视频，了解完整流程和配置方法。
相关用例
Ben AI 讲解 Claude 新版实时仪表盘的 5 步框架：先定它服务的那一个决策，再选 5 到 10 个指标、核对数据、参考设计，最后搭建、分享，并用例行任务自动刷新 AI 洞察。
AICodeKing 把开源的 Qwen Audio Agent 接到 Claude Code 上，一边语音对话、打断回答、中途改需求，一边让后台把 VoiceDesk 应用建出来。
分享
让你的 AI Agent 永不下线，VPS 低至 $21.99/年
赞助想在这里展示你的 AI 工具？ 广告合作 →