一句话摘要
借 Claude Fable 5 与循环工程一小时产出 25 个网站。
如何使用 Claude Fable 5 + 循环工程(Loop Engineering)在一小时内生成 25 个网站
2026年7月13日 · 3 分钟阅读 · 查看原文 ↗
Claude Marketing Loops AI
学习如何使用循环工程(Loop Engineering)通过 Claude Fable 5 自动化创建网站。本指南涵盖生成并部署几十个网站所需的工作流、架构和代码,且人工操作极少。
建网站已经变了
几年前,建一个网站意味着打开代码编辑器、设计布局、写内容、找图片、手动部署,然后每次想要另一个网站时都要重复整个流程。
今天,AI 智能体几乎可以自动化每一步。
使用 Claude Fable 5 加循环工程,你可以构建一个自主工作流,它会:
研究一个细分领域
收集设计灵感
生成内容
创建图片
编写 HTML/CSS
部署网站
自动重复这个过程
你不是在创建一个网站,而是在创建一整个生产系统。
什么是循环工程(Loop Engineering)?
循环工程是给 AI 智能体一个可重复的工作流,而不是一个单一提示词的做法。
而不是说:
给我建一个网站
你告诉 Claude:
找到一个细分领域
研究它
生成内容
创建素材
构建网站
部署它
重复 20 次
一旦工作流启动,AI 就会持续执行,直到每一次迭代完成。
这才是真正的力量。
为什么是 Claude Fable 5?
Claude Fable 5 是为长时间运行的智能体工作流而构建的。
与之前的模型相比,它提供:
海量上下文窗口
更好的长期记忆
可靠的工具调用
更好的结构化输出
改进的错误恢复
这意味着它不会在第 7 次或第 15 次迭代后掉链子。
它就是继续执行下去。
工作流
这个自动化遵循一个简单的循环:
Pinterest
↓
研究细分领域
↓
生成网站内容
↓
生成图片(Higgsfield)
↓
构建 HTML/CSS
↓
部署到 Netlify
↓
重复
Claude 不再需要你手动控制每一步,而是成为编排者。
提示词结构
一个好的循环工程提示词不只是指令。
它是一个用自然语言写成的程序。
定义智能体
定义工具
明确的工具定义会让工作流可靠得多
定义细分领域
Claude 既可以生成细分领域,也可以由你提供。
示例:
每一个细分领域都成为一个完整的网站
循环
循环工程从这里开始
注意,AI 并没有在等待你的确认
它只是持续工作
HTML 生成示例
Claude 可以自动生成网站
输出格式
每一次迭代都产出结构化输出
把结果保存在 JSON 里会让调试和扩展容易得多
部署流程
一旦 HTML 生成:
Claude
↓
生成文件
↓
Netlify CLI
↓
网站上线
示例部署命令:
重复
重复
重复
这就是循环工程。
常见问题
Claude 中途停下
通常由以下原因引起:
Token 限制
上下文溢出
解决方案:
把大型任务拆分成更小的批次
网站看起来相似
原因:
细分领域差异化不足
修复:
使用高度不同的微型细分领域
图片质量很普通
原因:
提示词太弱
修复:
把 Pinterest 的颜色和设计参考传给 Higgsfield,而不是只传细分领域名称
提示词
NICHES = [
"urban mushroom growing",
"minimal travel gear",
"AI productivity",
"healthy meal prep",
"tiny homes",
"remote work",
"pet photography",
"coffee roasting"
]
{
"niche": "urban mushroom growing",
"status": "success",
"hero_image": "hero.png",
"deployment": "https://example.netlify.app",
"timestamp": "2026-07-09T12:00:00Z"
}
for niche in NICHES:
pinterest_data = search_pinterest(niche)
brief = generate_site_brief(
niche,
pinterest_data
)
hero_image = higgsfield.generate(
prompt=brief
)
site = build_html(
brief,
hero_image
)
netlify.deploy(site)
log_results(niche)
sleep(3)
<!DOCTYPE html>
<html>
<head>
<title>Urban Mushroom Growing</title>
</head>
<body>
<h1>Grow Fresh Mushrooms at Home</h1>
<p>
Learn everything about growing mushrooms
with beginner-friendly guides.
</p>
<button>
Start Learning
</button>
</body>
</html>
netlify deploy --prod --dir=./site_1
Tags: # X # Claude # Marketing # Loops # AI # Growth # Automation # Pinterest # Higgsfield # Guide # Fable
相关文章
如何打造一家 AI 原生公司:招聘、标准与节奏
*我们花了一年时间搞黑客马拉松、AI 培训和答疑时间。但直到我们把 AI 能力变成一项硬性要求,什么都没改变。*
AI Loops Claude Marketing
原文参考:https://maxed.wiki/posts/how-to-generate-25-websites-in-one-hour-using-claude-fable-5-loop-engineering/ (Maxed.wiki,本页为站内中文整理)