-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcodex-starter-pack.html
More file actions
61 lines (61 loc) · 269 KB
/
Copy pathcodex-starter-pack.html
File metadata and controls
61 lines (61 loc) · 269 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Codex 小白建站起步包｜AI 建站启动系统</title>
<style>
:root{--bg:#f7f3eb;--bg2:#fffdf8;--card:rgba(255,255,255,.78);--solid:#fff;--text:#17130e;--muted:#6d655b;--line:rgba(23,19,14,.1);--line2:rgba(23,19,14,.065);--accent:#17130e;--blue:#5367ff;--purple:#8b5cf6;--green:#19b77a;--gold:#d99a31;--red:#e65d50;--shadow:0 28px 90px rgba(26,21,14,.12);--shadow2:0 12px 34px rgba(26,21,14,.08);--radius:30px;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
html[data-theme=dark]{--bg:#0f1117;--bg2:#151922;--card:rgba(25,29,39,.8);--solid:#191d27;--text:#f6f0e8;--muted:#b8afa5;--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.075);--accent:#f6f0e8;--shadow:0 28px 90px rgba(0,0,0,.38);--shadow2:0 12px 34px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--text);line-height:1.66;background:radial-gradient(circle at 8% 6%,rgba(83,103,255,.16),transparent 27%),radial-gradient(circle at 88% 8%,rgba(139,92,246,.14),transparent 28%),radial-gradient(circle at 52% 40%,rgba(25,183,122,.1),transparent 32%),linear-gradient(180deg,var(--bg),var(--bg2) 50%,var(--bg));min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.shell{width:min(1230px,calc(100% - 36px));margin:0 auto}.nav{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(24px);border-bottom:1px solid var(--line2)}.nav-inner{width:min(1230px,calc(100% - 36px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.035em}.logo{width:38px;height:38px;border-radius:15px;background:linear-gradient(135deg,#17130e,#5367ff 50%,#19b77a);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow2)}.nav-links{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.nav-links a,.mini-btn{padding:9px 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.nav-links a:hover,.mini-btn:hover{background:var(--card);border-color:var(--line);color:var(--text)}.cta{background:var(--accent)!important;color:var(--bg2)!important}
.hero{padding:74px 0 44px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:34px;align-items:center}.eyebrow{display:inline-flex;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px;color:var(--muted);margin-bottom:18px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px color-mix(in srgb,var(--green) 16%,transparent)}h1{font-size:clamp(42px,7.2vw,84px);line-height:.98;letter-spacing:-.075em;margin:0 0 22px;font-weight:950}.lead{font-size:clamp(17px,2vw,22px);color:var(--muted);max-width:820px;margin:0 0 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{border:1px solid var(--line);background:var(--card);color:var(--text);padding:12px 16px;border-radius:999px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}.btn-blue{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border-color:transparent}.btn-soft{background:color-mix(in srgb,var(--blue) 10%,var(--card))}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi{padding:16px;border:1px solid var(--line);background:var(--card);border-radius:20px}.kpi strong{display:block;font-size:24px;letter-spacing:-.04em}.kpi span{font-size:13px;color:var(--muted)}
.mock,.card,.item-card{border:1px solid var(--line);background:var(--card);backdrop-filter:blur(18px);box-shadow:var(--shadow2)}.mock{border-radius:34px;box-shadow:var(--shadow);padding:18px}.mock-top{display:flex;gap:8px;margin-bottom:14px}.mock-top i{width:10px;height:10px;border-radius:50%;background:var(--line)}.dashboard{display:grid;gap:11px}.status-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 58%,transparent);border-radius:18px;padding:12px 14px}.ok{color:var(--green);font-weight:900}.warn{color:var(--gold);font-weight:900}.bad{color:var(--red);font-weight:900}.info{color:var(--blue);font-weight:900}
.section{padding:50px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}h2{font-size:clamp(29px,4vw,50px);line-height:1.05;letter-spacing:-.055em;margin:0}.desc{color:var(--muted);margin:10px 0 0;max-width:900px}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{border-radius:var(--radius);padding:22px}.card h3,.item-card h3{font-size:20px;letter-spacing:-.025em;margin:0 0 8px}.card p,.item-card p{margin:0;color:var(--muted)}.tag,.pill{display:inline-flex;border:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 62%,transparent);border-radius:999px;padding:5px 10px;font-size:12px;color:var(--muted);margin:0 6px 6px 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label.field span{display:block;font-size:13px;color:var(--muted);margin:0 0 6px 2px}.input,.select,textarea{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:16px;padding:12px 14px;outline:none}textarea{min-height:132px;resize:vertical}.result-box{min-height:210px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--green) 8%,var(--card));padding:20px}.notice{border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:color-mix(in srgb,var(--gold) 13%,var(--card));color:var(--muted)}.risk-note{border-left:4px solid var(--red);background:color-mix(in srgb,var(--red) 8%,var(--card))}
.codebar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--text) 7%,transparent);border-radius:16px;margin:12px 0;overflow:hidden}pre{margin:0;padding:14px;overflow:auto;font-family:var(--mono);font-size:13px;color:var(--text);flex:1;white-space:pre-wrap}.copy-btn,.fav-btn{border:1px solid var(--line);background:var(--solid);color:var(--text);padding:8px 10px;border-radius:999px;cursor:pointer;margin-right:10px;font-size:12px;font-weight:900}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toolbar .input{max-width:400px}.toolbar .select{max-width:220px}.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.item-card{border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:10px}.item-card h3{font-size:17px}.item-actions{margin-top:auto;display:flex;justify-content:space-between;gap:8px;align-items:center}.route-card{cursor:pointer;position:relative}.route-card:hover,.route-card.active{transform:translateY(-3px);border-color:color-mix(in srgb,var(--blue) 58%,var(--line));box-shadow:var(--shadow)}.route-card.active:after{content:"已选择";position:absolute;right:16px;top:16px;background:var(--accent);color:var(--bg2);padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900}
.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.check-item{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 65%,transparent);border-radius:16px;padding:14px;cursor:pointer}input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.meter{height:12px;background:color-mix(in srgb,var(--text) 9%,transparent);border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--purple),var(--green))}.meter-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.step-list{display:grid;gap:12px}.step{display:grid;grid-template-columns:auto 1fr;gap:12px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--bg2) 58%,transparent);padding:16px}.num{width:32px;height:32px;border-radius:12px;background:var(--accent);color:var(--bg2);display:grid;place-items:center;font-weight:950}.footer{padding:40px 0 70px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--accent);color:var(--bg2);padding:12px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:100;box-shadow:var(--shadow2)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:980px){.hero-grid,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.item-grid{grid-template-columns:1fr 1fr}.checklist{grid-template-columns:1fr}.nav-links a{display:none}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.shell,.nav-inner{width:min(100% - 24px,1230px)}.hero{padding-top:44px}.item-grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr}.section-head{display:block}.toolbar .input,.toolbar .select{max-width:none}h1{font-size:45px}}@media print{body{background:#fff;color:#000}.nav,.hero-actions,.btn,.copy-btn,.fav-btn,.toolbar{display:none!important}.card,.item-card{box-shadow:none;background:#fff;border-color:#ddd}}
</style></head>
<body>
<div class="nav"><div class="nav-inner"><a class="brand" href="#top"><span class="logo">站</span><span>Codex 小白建站起步包</span></a><div class="nav-links"><a href="#routes">路线</a><a href="#diagnose">诊断</a><a href="#generator">指令</a><a href="#checklist">清单</a><a href="#templates">模板</a><a href="#issues">排查</a><button class="mini-btn" id="themeBtn">深色</button><a class="cta" href="#generator">生成指令</a></div></div></div>
<main id="top">
<section class="hero shell"><div class="hero-grid"><div><div class="eyebrow"><span class="dot"></span> 中国小白可用 · Codex / CodeBuddy / WorkBuddy 通用 · 可售卖建站系统</div><h1>不会代码，也能用 Codex 从 0 做出能展示、能交付、能成交的网站。</h1><p class="lead">建站最难的不是写代码，而是你不知道该做什么网站、准备什么内容、怎样给 Codex 下第一条清晰指令。这个起步包帮你从想法走到第一个能打开的页面。</p><div class="hero-actions"><a class="btn btn-blue" href="#diagnose">先诊断网站方向 →</a><a class="btn btn-soft" href="#generator">生成建站指令</a><a class="btn" href="#templates">看模板库</a><button class="btn" onclick="window.print()">打印检查清单</button></div><div class="kpis"><div class="kpi"><strong>60+</strong><span>网站结构模板</span></div><div class="kpi"><strong>70+</strong><span>失败排查问题</span></div><div class="kpi"><strong>126</strong><span>场景化建站案例</span></div></div></div>
<div class="mock"><div class="mock-top"><i></i><i></i><i></i></div><div class="dashboard"><div class="status-row"><span>建站目标</span><span class="warn">待选择</span></div><div class="status-row"><span>网站类型</span><span class="info">待确定</span></div><div class="status-row"><span>首页内容</span><span class="bad">待准备</span></div><div class="status-row"><span>页面结构</span><span class="warn">待生成</span></div><div class="status-row"><span>Codex 指令</span><span class="ok">可生成</span></div><div class="status-row"><span>本地预览</span><span class="warn">待完成</span></div><div class="status-row"><span>移动端验收</span><span class="warn">待检查</span></div><div class="status-row"><span>部署上线</span><span class="info">可选</span></div><div class="card" style="box-shadow:none;padding:16px;border-radius:20px"><div class="meter-row"><strong>起步准备度</strong><span>28%</span></div><div class="meter"><span style="width:28%"></span></div><p style="margin-top:10px">下一步：先判断网站类型，再补内容清单。</p></div></div></div></div></section>
<section class="section shell"><div class="grid grid-3"><div class="card"><h3>小白路线清晰</h3><p>从网站目标到上线交付，按路线走。</p></div><div class="card"><h3>Codex 指令可复制</h3><p>生成第一条建站指令、优化指令和排查指令。</p></div><div class="card"><h3>网站类型丰富</h3><p>个人主页、产品页、资料库、导航站、课程页、交付页都有模板。</p></div><div class="card"><h3>中国用户可用</h3><p>适合小红书、微信私域、老师、上班族和一人公司。</p></div><div class="card"><h3>建站验收清单</h3><p>内容、审美、移动端、部署、域名、交付都能检查。</p></div><div class="card"><h3>WorkBuddy 可辅助</h3><p>整理素材、截图、记录流程，但不做高风险动作。</p></div></div></section>
<section class="section shell" id="routes"><div class="section-head"><div><h2>小白建站路线选择器</h2><p class="desc">先选你现在的情况，系统会给出适合你的建站路线、准备材料和第一条 Codex 指令。</p></div></div><div class="grid grid-4" id="routeGrid"></div><div class="card" id="routeResult" style="margin-top:16px"></div></section>
<section class="section shell" id="diagnose"><div class="section-head"><div><h2>建站目标诊断器</h2><p class="desc">回答几个问题，自动推荐网站方向。</p></div></div><div class="card"><div class="form-grid"><label class="field"><span>建站目的</span><select class="select" id="diagPurpose"><option>展示自己</option><option>卖产品</option><option>交付资料</option><option>做课程</option><option>做工具导航</option><option>做客户案例</option></select></label><label class="field"><span>目标用户</span><select class="select" id="diagUser"><option>小红书客户</option><option>微信私域客户</option><option>学生/家长</option><option>企业客户</option><option>自己使用</option></select></label><label class="field"><span>现成文案</span><select class="select" id="diagCopy"><option>几乎没有</option><option>有一些零散文案</option><option>已经比较完整</option></select></label><label class="field"><span>是否需要搜索/筛选</span><select class="select" id="diagSearch"><option>不需要</option><option>需要</option><option>不确定</option></select></label><label class="field"><span>是否想先本地打开</span><select class="select" id="diagLocal"><option>是，先本地打开</option><option>否，想上线</option></select></label><label class="field"><span>是否给客户交付</span><select class="select" id="diagDeliver"><option>是</option><option>否</option><option>以后可能</option></select></label></div><button class="btn btn-blue" style="margin-top:14px" id="runDiagnose">生成建站方向</button><div class="result-box" id="diagResult" style="margin-top:16px"><h3>诊断结果会显示在这里</h3><p>先判断方向，再让 Codex 写页面。</p></div></div></section>
<section class="section shell" id="generator"><div class="section-head"><div><h2>Codex 建站指令生成器</h2><p class="desc">选择工具、身份、网站类型、目标、模块、审美、输出格式和边界，自动生成完整建站指令。</p></div><button class="btn" id="exportPrompt">导出 TXT</button></div><div class="card"><div class="form-grid" id="generatorForm"></div><button class="btn btn-blue" style="margin-top:14px" id="generatePrompt">生成完整建站指令</button><div class="result-box" id="promptResult" style="margin-top:16px"><h3>指令会显示在这里</h3><p>第一条指令要讲清楚网站类型、目标用户、页面模块、审美风格、操作边界和验收标准。</p></div></div></section>
<section class="section shell" id="checklist"><div class="section-head"><div><h2>网站内容准备清单</h2><p class="desc">内容没准备好，Codex 很容易生成空页面。</p></div><button class="btn" id="exportChecklist">导出清单</button></div><div class="card"><div class="meter-row"><strong>内容准备度：<span id="contentPercent">0%</span></strong><span class="pill" id="contentStatus">还没开始</span></div><div class="meter"><span id="contentBar" style="width:0%"></span></div><div class="checklist" id="contentChecklist"></div><div class="notice" id="contentAdvice">先勾选已经准备好的资料，系统会判断能不能让 Codex 开始写页面。</div></div></section>
<section class="section shell" id="templates"><div class="section-head"><div><h2>网站结构模板库</h2><p class="desc">60+ 模板，覆盖个人主页、产品展示页、资料库、工具导航、课程页、客户交付页等。</p></div></div><div class="toolbar"><input class="input" id="templateSearch" placeholder="搜索：个人主页 / 产品页 / 课程 / 交付..."><select class="select" id="templateCat"><option value="all">全部分类</option></select><select class="select" id="templateFav"><option value="all">全部模板</option><option value="fav">只看收藏</option></select></div><div class="item-grid" id="templateGrid"></div></section>
<section class="section shell" id="issues"><div class="section-head"><div><h2>小白建站失败排查库</h2><p class="desc">页面太丑、按钮无效、手机端溢出、部署 404、客户打不开，都能搜索到修复指令。</p></div></div><div class="toolbar"><input class="input" id="issueSearch" placeholder="搜索：白屏 / 手机 / 部署 / 复制 / 微信 / README..."><select class="select" id="issueCat"><option value="all">全部分类</option></select><select class="select" id="issueFav"><option value="all">全部问题</option><option value="fav">只看收藏</option></select></div><div class="item-grid" id="issueGrid"></div></section>
<section class="section shell" id="workbuddy"><div class="section-head"><div><h2>WorkBuddy 辅助建站区</h2><p class="desc">适合中国小白整理素材、截图、记录流程、生成客户说明。高风险动作必须人工确认。</p></div></div><div class="item-grid" id="workbuddyGrid"></div><div class="notice risk-note" style="margin-top:16px">安全边界：WorkBuddy 可以辅助整理、截图、记录、生成说明，但不能自动付款、自动登录、自动删除文件、自动提交后台、访问微信/合同/身份证/公司资料/网银截图。</div></section>
<section class="section shell" id="cases"><div class="section-head"><div><h2>建站训练案例库</h2><p class="desc">126 个场景案例，覆盖个人主页、产品页、资料库、导航站、课程页、交付页、审美升级、移动端优化和 Codex 指令。</p></div></div><div class="toolbar"><input class="input" id="caseSearch" placeholder="搜索：小红书 / 课程 / 移动端 / 交付 / Codex..."><select class="select" id="caseCat"><option value="all">全部分类</option></select><select class="select" id="caseFav"><option value="all">全部案例</option><option value="fav">只看收藏</option></select></div><div class="item-grid" id="caseGrid"></div></section>
<section class="section shell" id="delivery"><div class="section-head"><div><h2>客户交付说明生成器</h2><p class="desc">网站做好后，直接生成能发给客户的话。</p></div></div><div class="card"><div class="form-grid"><label class="field"><span>网站名称</span><input class="input" id="delName" placeholder="例如：AI 工具导航站"></label><label class="field"><span>访问方式</span><select class="select" id="delAccess"><option>本地打开 index.html</option><option>线上链接访问</option><option>压缩包交付</option></select></label><label class="field"><span>推荐浏览器</span><input class="input" id="delBrowser" value="Chrome / Edge / Safari"></label><label class="field"><span>客户打不开时联系谁</span><input class="input" id="delContact" placeholder="例如：联系我并发送截图"></label><label class="field"><span>是否支持手机端</span><select class="select" id="delMobile"><option>支持</option><option>基础适配</option><option>暂不保证</option></select></label><label class="field"><span>是否需要部署说明</span><select class="select" id="delDeploy"><option>不需要</option><option>需要</option></select></label></div><button class="btn btn-blue" style="margin-top:14px" id="genDelivery">生成交付说明</button><div class="result-box" id="deliveryResult" style="margin-top:16px"><h3>交付说明会显示在这里</h3><p>适合复制给客户，或放进 README / user-guide。</p></div></div></section>
<section class="section shell" id="commercial"><div class="section-head"><div><h2>小红书销售包装</h2><p class="desc">这个 HTML 产品可以包装成“小白 AI 建站起步系统”。</p></div></div><div class="grid grid-3"><div class="card"><h3>适合谁购买</h3><p><span class="tag">不会建站的小白</span><span class="tag">Codex 用户</span><span class="tag">虚拟产品卖家</span><span class="tag">老师/运营/一人公司</span></p></div><div class="card"><h3>能解决什么</h3><p><span class="tag">不知道做什么网站</span><span class="tag">不会写建站指令</span><span class="tag">页面太丑</span><span class="tag">不会交付客户</span></p></div><div class="card"><h3>不承诺什么</h3><p><span class="tag">不代登录付款备案</span><span class="tag">不提供科学上网</span><span class="tag">不保证一条指令做复杂系统</span></p></div><div class="card"><h3>售价建议</h3><p>基础 HTML 工具版 299；模板案例版 499；视频演示版 699；一对一建站陪跑 999+；企业建站 SOP 1999+。</p></div><div class="card"><h3>护城河</h3><p>持续收集真实小白建站案例、建站前后对比、审美升级案例、部署失败案例、域名绑定和客户交付案例。</p></div><div class="card"><h3>升级服务</h3><p>远程建站陪跑、行业网站模板定制、资料整理、部署上线、域名绑定、客户交付 SOP。</p></div></div></section></main>
<footer class="footer shell"><div class="card" style="box-shadow:none"><p><strong>使用建议：</strong>正式售卖时建议增加真实截图、视频演示、行业模板和客户建站前后对比，形成护城河。</p></div></footer><div class="toast" id="toast">已复制</div>
<script>
const DATA = {"tools": ["Codex", "CodeBuddy", "WorkBuddy", "ChatGPT", "Claude", "Cursor", "Trae", "通用 AI 编程工具", "国内 AI 编程工具", "桌面 AI Agent"], "user_roles": ["完全小白", "文科生", "运营", "老师", "小红书博主", "知识付费博主", "自由职业者", "产品经理", "一人公司", "设计师", "销售", "课程顾问", "培训老师", "上班族", "个人品牌博主", "学生", "家长", "企业团队"], "website_types": ["个人主页", "产品展示页", "资料库网站", "知识库网站", "AI 工具导航站", "课程介绍页", "训练营落地页", "客户交付页", "作品集网站", "报价页", "服务介绍页", "简历页", "小红书资料包页", "教师资料页", "学生学习页", "私域成交页", "SOP 导航页", "FAQ 页面", "案例展示页", "检查清单页", "下载中心页"], "site_goals": ["展示个人品牌", "卖虚拟产品", "交付资料", "收集客户线索", "展示课程", "整理知识", "提高信任感", "生成客户说明", "做作品展示", "做服务报价", "做工具导航", "做学习系统", "做小红书成交页", "做私域转化页", "做企业介绍页", "做售后帮助中心"], "modules": ["首屏 Hero", "痛点区", "适合人群", "功能介绍", "产品截图区", "案例展示", "价格方案", "购买说明", "FAQ", "使用步骤", "资料分类", "搜索筛选", "复制按钮", "收藏功能", "深色模式", "移动端适配", "客户评价", "联系方式", "交付说明", "售后边界", "更新日志"], "styles": ["Apple 风", "Linear 风", "Notion 风", "Stripe 风", "Raycast 风", "小红书高客单风", "极简商务风", "教育产品风", "知识库风", "科技感", "奶油白", "高级灰", "黑金风", "玻璃拟态", "轻拟物", "杂志排版", "仪表盘风格", "中文知识付费风", "温柔教育风", "个人品牌风"], "output_formats": ["完整 HTML 代码", "网站结构方案", "首页文案", "页面模块清单", "功能需求文档", "README", "部署说明", "客户交付说明", "验收清单", "版本迭代计划", "小红书介绍文案", "视频讲解词"], "boundaries": ["保持单文件 HTML", "不连接后端", "不使用外部依赖", "不引入复杂框架", "不删除已有内容", "先列结构再写代码", "先给我确认方案", "不使用登录支付", "不收集敏感信息", "移动端必须适配", "不要写空话", "不要只给框架", "按钮要有交互反馈"], "routes": [["个人主页", "适合个人品牌、作品展示、简历介绍、自由职业者。", ["头像/照片", "一句话定位", "作品/经历", "联系方式", "信任证明"], "个人主页优先：先做首屏、自我介绍、作品、联系方式，再考虑博客和案例库。"], ["产品展示页", "适合小红书虚拟产品、知识付费产品、资料包、工具包。", ["产品名", "目标用户", "核心痛点", "功能卖点", "价格/交付说明"], "产品落地页优先：先写清楚痛点、结果、功能、价格和 FAQ。"], ["资料库网站", "适合提示词库、案例库、知识库、教师资料、学习资料。", ["分类", "资料条目", "搜索字段", "复制内容", "更新规则"], "资料库优先：先做分类、搜索、筛选、复制和收藏。"], ["AI 工具导航站", "适合整理工具、链接、教程、使用场景。", ["工具分类", "工具名称", "使用场景", "推荐理由", "链接"], "导航站优先：先做分类和搜索，不要一开始追求复杂后台。"], ["课程/训练营页面", "适合老师、培训、训练营、学习打卡。", ["课程目标", "适合人群", "大纲", "作业", "报名说明"], "课程页优先：重点讲清楚谁适合、学完得到什么、怎么报名。"], ["客户交付页", "适合把项目、资料、说明、下载入口交付给客户。", ["打开说明", "使用步骤", "下载入口", "售后边界", "反馈方式"], "交付页优先：客户能打开、能理解、能反馈，比视觉炫酷更重要。"], ["只有一个想法", "适合还不知道做什么网站的小白。", ["目标人群", "一个核心结果", "3 个功能", "一段说明", "一个联系方式"], "先做最小可行页面：一个首屏 + 三个模块 + 联系方式。"], ["AI 做了页面但很丑", "适合已有 HTML，但不高级、不适合成交。", ["当前文件", "参考风格", "保留功能", "移动端问题", "验收标准"], "先优化审美和移动端，不要重写全站。"], ["不会部署，只想本地打开", "适合先交付单文件 HTML。", ["index.html", "使用说明", "截图", "浏览器建议", "售后反馈"], "单文件 HTML 路线：双击能打开，客户能看懂说明。"], ["想上线并绑定域名", "适合希望公开访问和品牌链接。", ["部署平台", "构建方式", "域名", "HTTPS", "验收清单"], "上线路线：先部署成功，再绑定域名，不要把两件事混在一起排查。"]], "content_checklist": ["网站名称", "一句话定位", "目标用户", "核心痛点", "解决方案", "3–6 个核心功能", "适合人群", "不适合人群", "使用步骤", "案例或截图", "价格或服务说明", "FAQ", "联系方式", "交付说明", "售后边界", "品牌色", "Logo 或头像", "产品截图", "客户评价", "更新记录", "免责声明", "隐私提醒", "移动端需求", "部署需求", "域名需求"], "templates": [{"id": 1, "category": "个人主页", "title": "个人主页·起步模板 01", "fit": "适合想做「个人主页」的用户。", "structure": "1. 收藏功能\n2. 使用步骤\n3. 搜索筛选\n4. 价格方案\n5. 购买说明\n6. 痛点区\n7. 首屏 Hero", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「个人主页·起步模板 01」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：收藏功能, 使用步骤, 搜索筛选, 价格方案, 购买说明, 痛点区, 首屏 Hero。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["部署说明", "收藏功能", "客户评价", "导出 TXT"]}, {"id": 2, "category": "产品展示页", "title": "产品展示页·起步模板 02", "fit": "适合想做「产品展示页」的用户。", "structure": "1. 复制按钮\n2. 收藏功能\n3. 深色模式\n4. 客户评价\n5. 售后边界\n6. 适合人群\n7. 联系方式", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「产品展示页·起步模板 02」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：复制按钮, 收藏功能, 深色模式, 客户评价, 售后边界, 适合人群, 联系方式。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["部署说明", "FAQ", "价格方案", "客户评价"]}, {"id": 3, "category": "资料库", "title": "资料库·起步模板 03", "fit": "适合想做「资料库」的用户。", "structure": "1. 联系方式\n2. 更新日志\n3. 交付说明\n4. 价格方案\n5. 收藏功能\n6. 适合人群\n7. 售后边界", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「资料库·起步模板 03」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：联系方式, 更新日志, 交付说明, 价格方案, 收藏功能, 适合人群, 售后边界。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["FAQ", "搜索筛选", "客户评价", "导出 TXT"]}, {"id": 4, "category": "工具导航", "title": "工具导航·起步模板 04", "fit": "适合想做「工具导航」的用户。", "structure": "1. 复制按钮\n2. 购买说明\n3. 资料分类\n4. 交付说明\n5. 收藏功能\n6. 深色模式\n7. 搜索筛选", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「工具导航·起步模板 04」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：复制按钮, 购买说明, 资料分类, 交付说明, 收藏功能, 深色模式, 搜索筛选。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["FAQ", "客户评价", "部署说明", "价格方案"]}, {"id": 5, "category": "课程页", "title": "课程页·起步模板 05", "fit": "适合想做「课程页」的用户。", "structure": "1. 功能介绍\n2. 更新日志\n3. 复制按钮\n4. 使用步骤\n5. 深色模式\n6. 资料分类\n7. 售后边界", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「课程页·起步模板 05」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：功能介绍, 更新日志, 复制按钮, 使用步骤, 深色模式, 资料分类, 售后边界。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["收藏功能", "深色模式", "价格方案", "客户评价"]}, {"id": 6, "category": "训练营页", "title": "训练营页·起步模板 06", "fit": "适合想做「训练营页」的用户。", "structure": "1. 售后边界\n2. 购买说明\n3. 适合人群\n4. FAQ\n5. 客户评价\n6. 痛点区\n7. 交付说明", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「训练营页·起步模板 06」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：售后边界, 购买说明, 适合人群, FAQ, 客户评价, 痛点区, 交付说明。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["部署说明", "FAQ", "客户评价", "复制按钮"]}, {"id": 7, "category": "客户交付页", "title": "客户交付页·起步模板 07", "fit": "适合想做「客户交付页」的用户。", "structure": "1. 功能介绍\n2. 搜索筛选\n3. 痛点区\n4. 售后边界\n5. 资料分类\n6. 交付说明\n7. 移动端适配", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「客户交付页·起步模板 07」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：功能介绍, 搜索筛选, 痛点区, 售后边界, 资料分类, 交付说明, 移动端适配。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["客户评价", "深色模式", "收藏功能", "部署说明"]}, {"id": 8, "category": "教师工具", "title": "教师工具·起步模板 08", "fit": "适合想做「教师工具」的用户。", "structure": "1. 移动端适配\n2. 痛点区\n3. 价格方案\n4. 产品截图区\n5. 使用步骤\n6. 复制按钮\n7. 购买说明", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「教师工具·起步模板 08」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：移动端适配, 痛点区, 价格方案, 产品截图区, 使用步骤, 复制按钮, 购买说明。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["部署说明", "搜索筛选", "收藏功能", "复制按钮"]}, {"id": 9, "category": "学生工具", "title": "学生工具·起步模板 09", "fit": "适合想做「学生工具」的用户。", "structure": "1. FAQ\n2. 交付说明\n3. 案例展示\n4. 痛点区\n5. 使用步骤\n6. 适合人群\n7. 深色模式", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「学生工具·起步模板 09」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：FAQ, 交付说明, 案例展示, 痛点区, 使用步骤, 适合人群, 深色模式。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["复制按钮", "FAQ", "客户评价", "部署说明"]}, {"id": 10, "category": "一人公司", "title": "一人公司·起步模板 10", "fit": "适合想做「一人公司」的用户。", "structure": "1. 功能介绍\n2. 客户评价\n3. 复制按钮\n4. 购买说明\n5. 痛点区\n6. 售后边界\n7. 收藏功能", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「一人公司·起步模板 10」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：功能介绍, 客户评价, 复制按钮, 购买说明, 痛点区, 售后边界, 收藏功能。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["深色模式", "FAQ", "客户评价", "搜索筛选"]}, {"id": 11, "category": "私域成交", "title": "私域成交·起步模板 11", "fit": "适合想做「私域成交」的用户。", "structure": "1. 案例展示\n2. 痛点区\n3. 客户评价\n4. 联系方式\n5. 更新日志\n6. 产品截图区\n7. 收藏功能", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「私域成交·起步模板 11」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：案例展示, 痛点区, 客户评价, 联系方式, 更新日志, 产品截图区, 收藏功能。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["复制按钮", "导出 TXT", "搜索筛选", "收藏功能"]}, {"id": 12, "category": "小红书虚拟产品", "title": "小红书虚拟产品·起步模板 12", "fit": "适合想做「小红书虚拟产品」的用户。", "structure": "1. 收藏功能\n2. 联系方式\n3. 售后边界\n4. 深色模式\n5. 资料分类\n6. 产品截图区\n7. 移动端适配", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「小红书虚拟产品·起步模板 12」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：收藏功能, 联系方式, 售后边界, 深色模式, 资料分类, 产品截图区, 移动端适配。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["价格方案", "导出 TXT", "深色模式", "复制按钮"]}, {"id": 13, "category": "企业介绍", "title": "企业介绍·起步模板 13", "fit": "适合想做「企业介绍」的用户。", "structure": "1. 交付说明\n2. 购买说明\n3. 深色模式\n4. 搜索筛选\n5. 功能介绍\n6. 收藏功能\n7. 适合人群", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「企业介绍·起步模板 13」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：交付说明, 购买说明, 深色模式, 搜索筛选, 功能介绍, 收藏功能, 适合人群。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["收藏功能", "FAQ", "导出 TXT", "搜索筛选"]}, {"id": 14, "category": "服务报价", "title": "服务报价·起步模板 14", "fit": "适合想做「服务报价」的用户。", "structure": "1. 收藏功能\n2. 交付说明\n3. 购买说明\n4. 痛点区\n5. 复制按钮\n6. 首屏 Hero\n7. FAQ", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「服务报价·起步模板 14」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：收藏功能, 交付说明, 购买说明, 痛点区, 复制按钮, 首屏 Hero, FAQ。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["价格方案", "搜索筛选", "FAQ", "复制按钮"]}, {"id": 15, "category": "FAQ 帮助中心", "title": "FAQ 帮助中心·起步模板 15", "fit": "适合想做「FAQ 帮助中心」的用户。", "structure": "1. 联系方式\n2. FAQ\n3. 案例展示\n4. 复制按钮\n5. 购买说明\n6. 价格方案\n7. 资料分类", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「FAQ 帮助中心·起步模板 15」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：联系方式, FAQ, 案例展示, 复制按钮, 购买说明, 价格方案, 资料分类。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["导出 TXT", "搜索筛选", "价格方案", "FAQ"]}, {"id": 16, "category": "案例库", "title": "案例库·起步模板 16", "fit": "适合想做「案例库」的用户。", "structure": "1. 售后边界\n2. 购买说明\n3. 产品截图区\n4. 价格方案\n5. 资料分类\n6. 移动端适配\n7. 交付说明", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「案例库·起步模板 16」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：售后边界, 购买说明, 产品截图区, 价格方案, 资料分类, 移动端适配, 交付说明。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["价格方案", "收藏功能", "导出 TXT", "FAQ"]}, {"id": 17, "category": "检查清单", "title": "检查清单·起步模板 17", "fit": "适合想做「检查清单」的用户。", "structure": "1. 购买说明\n2. 价格方案\n3. 收藏功能\n4. 首屏 Hero\n5. 移动端适配\n6. 资料分类\n7. 售后边界", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「检查清单·起步模板 17」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：购买说明, 价格方案, 收藏功能, 首屏 Hero, 移动端适配, 资料分类, 售后边界。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["部署说明", "深色模式", "客户评价", "导出 TXT"]}, {"id": 18, "category": "下载中心", "title": "下载中心·起步模板 18", "fit": "适合想做「下载中心」的用户。", "structure": "1. 售后边界\n2. 联系方式\n3. 资料分类\n4. 深色模式\n5. 交付说明\n6. 功能介绍\n7. 产品截图区", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「下载中心·起步模板 18」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：售后边界, 联系方式, 资料分类, 深色模式, 交付说明, 功能介绍, 产品截图区。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["部署说明", "深色模式", "搜索筛选", "价格方案"]}, {"id": 19, "category": "SOP 导航", "title": "SOP 导航·起步模板 19", "fit": "适合想做「SOP 导航」的用户。", "structure": "1. 产品截图区\n2. 售后边界\n3. 移动端适配\n4. FAQ\n5. 搜索筛选\n6. 使用步骤\n7. 首屏 Hero", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「SOP 导航·起步模板 19」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：产品截图区, 售后边界, 移动端适配, FAQ, 搜索筛选, 使用步骤, 首屏 Hero。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["复制按钮", "深色模式", "收藏功能", "搜索筛选"]}, {"id": 20, "category": "AI 学习网站", "title": "AI 学习网站·起步模板 20", "fit": "适合想做「AI 学习网站」的用户。", "structure": "1. 使用步骤\n2. 案例展示\n3. 移动端适配\n4. 痛点区\n5. 复制按钮\n6. 交付说明\n7. 首屏 Hero", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「AI 学习网站·起步模板 20」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：使用步骤, 案例展示, 移动端适配, 痛点区, 复制按钮, 交付说明, 首屏 Hero。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["价格方案", "收藏功能", "搜索筛选", "部署说明"]}, {"id": 21, "category": "个人主页", "title": "个人主页·起步模板 21", "fit": "适合想做「个人主页」的用户。", "structure": "1. 产品截图区\n2. 案例展示\n3. 购买说明\n4. 适合人群\n5. 更新日志\n6. FAQ\n7. 复制按钮", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「个人主页·起步模板 21」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：产品截图区, 案例展示, 购买说明, 适合人群, 更新日志, FAQ, 复制按钮。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["收藏功能", "搜索筛选", "导出 TXT", "复制按钮"]}, {"id": 22, "category": "产品展示页", "title": "产品展示页·起步模板 22", "fit": "适合想做「产品展示页」的用户。", "structure": "1. 更新日志\n2. 价格方案\n3. 收藏功能\n4. 深色模式\n5. 功能介绍\n6. 移动端适配\n7. 复制按钮", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「产品展示页·起步模板 22」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：更新日志, 价格方案, 收藏功能, 深色模式, 功能介绍, 移动端适配, 复制按钮。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["部署说明", "复制按钮", "价格方案", "导出 TXT"]}, {"id": 23, "category": "资料库", "title": "资料库·起步模板 23", "fit": "适合想做「资料库」的用户。", "structure": "1. 案例展示\n2. 客户评价\n3. 购买说明\n4. 搜索筛选\n5. 资料分类\n6. 售后边界\n7. 收藏功能", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「资料库·起步模板 23」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：案例展示, 客户评价, 购买说明, 搜索筛选, 资料分类, 售后边界, 收藏功能。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["导出 TXT", "价格方案", "收藏功能", "搜索筛选"]}, {"id": 24, "category": "工具导航", "title": "工具导航·起步模板 24", "fit": "适合想做「工具导航」的用户。", "structure": "1. 资料分类\n2. 移动端适配\n3. 收藏功能\n4. 产品截图区\n5. 价格方案\n6. 更新日志\n7. FAQ", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「工具导航·起步模板 24」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：资料分类, 移动端适配, 收藏功能, 产品截图区, 价格方案, 更新日志, FAQ。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["导出 TXT", "搜索筛选", "FAQ", "客户评价"]}, {"id": 25, "category": "课程页", "title": "课程页·起步模板 25", "fit": "适合想做「课程页」的用户。", "structure": "1. 深色模式\n2. 售后边界\n3. 功能介绍\n4. 价格方案\n5. 适合人群\n6. 客户评价\n7. 案例展示", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「课程页·起步模板 25」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：深色模式, 售后边界, 功能介绍, 价格方案, 适合人群, 客户评价, 案例展示。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["客户评价", "FAQ", "搜索筛选", "收藏功能"]}, {"id": 26, "category": "训练营页", "title": "训练营页·起步模板 26", "fit": "适合想做「训练营页」的用户。", "structure": "1. 功能介绍\n2. 使用步骤\n3. 复制按钮\n4. 案例展示\n5. 痛点区\n6. 价格方案\n7. 购买说明", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「训练营页·起步模板 26」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：功能介绍, 使用步骤, 复制按钮, 案例展示, 痛点区, 价格方案, 购买说明。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["收藏功能", "深色模式", "搜索筛选", "部署说明"]}, {"id": 27, "category": "客户交付页", "title": "客户交付页·起步模板 27", "fit": "适合想做「客户交付页」的用户。", "structure": "1. 资料分类\n2. 售后边界\n3. 移动端适配\n4. 购买说明\n5. 使用步骤\n6. 案例展示\n7. 价格方案", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「客户交付页·起步模板 27」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：资料分类, 售后边界, 移动端适配, 购买说明, 使用步骤, 案例展示, 价格方案。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["FAQ", "客户评价", "深色模式", "导出 TXT"]}, {"id": 28, "category": "教师工具", "title": "教师工具·起步模板 28", "fit": "适合想做「教师工具」的用户。", "structure": "1. 功能介绍\n2. 深色模式\n3. 价格方案\n4. 购买说明\n5. 适合人群\n6. 移动端适配\n7. 收藏功能", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「教师工具·起步模板 28」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：功能介绍, 深色模式, 价格方案, 购买说明, 适合人群, 移动端适配, 收藏功能。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["客户评价", "搜索筛选", "深色模式", "复制按钮"]}, {"id": 29, "category": "学生工具", "title": "学生工具·起步模板 29", "fit": "适合想做「学生工具」的用户。", "structure": "1. 购买说明\n2. 痛点区\n3. 售后边界\n4. 搜索筛选\n5. 首屏 Hero\n6. 复制按钮\n7. 适合人群", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「学生工具·起步模板 29」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：购买说明, 痛点区, 售后边界, 搜索筛选, 首屏 Hero, 复制按钮, 适合人群。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["复制按钮", "价格方案", "收藏功能", "客户评价"]}, {"id": 30, "category": "一人公司", "title": "一人公司·起步模板 30", "fit": "适合想做「一人公司」的用户。", "structure": "1. 联系方式\n2. 客户评价\n3. 购买说明\n4. 适合人群\n5. 产品截图区\n6. 案例展示\n7. 搜索筛选", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「一人公司·起步模板 30」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：联系方式, 客户评价, 购买说明, 适合人群, 产品截图区, 案例展示, 搜索筛选。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["导出 TXT", "部署说明", "FAQ", "深色模式"]}, {"id": 31, "category": "私域成交", "title": "私域成交·起步模板 31", "fit": "适合想做「私域成交」的用户。", "structure": "1. 交付说明\n2. 首屏 Hero\n3. 搜索筛选\n4. 资料分类\n5. 售后边界\n6. 更新日志\n7. 移动端适配", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「私域成交·起步模板 31」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：交付说明, 首屏 Hero, 搜索筛选, 资料分类, 售后边界, 更新日志, 移动端适配。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["搜索筛选", "复制按钮", "部署说明", "价格方案"]}, {"id": 32, "category": "小红书虚拟产品", "title": "小红书虚拟产品·起步模板 32", "fit": "适合想做「小红书虚拟产品」的用户。", "structure": "1. 首屏 Hero\n2. 购买说明\n3. 痛点区\n4. 售后边界\n5. 适合人群\n6. 移动端适配\n7. 更新日志", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「小红书虚拟产品·起步模板 32」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：首屏 Hero, 购买说明, 痛点区, 售后边界, 适合人群, 移动端适配, 更新日志。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["客户评价", "FAQ", "价格方案", "深色模式"]}, {"id": 33, "category": "企业介绍", "title": "企业介绍·起步模板 33", "fit": "适合想做「企业介绍」的用户。", "structure": "1. 客户评价\n2. 深色模式\n3. 售后边界\n4. 价格方案\n5. 交付说明\n6. 适合人群\n7. FAQ", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「企业介绍·起步模板 33」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：客户评价, 深色模式, 售后边界, 价格方案, 交付说明, 适合人群, FAQ。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["价格方案", "搜索筛选", "深色模式", "导出 TXT"]}, {"id": 34, "category": "服务报价", "title": "服务报价·起步模板 34", "fit": "适合想做「服务报价」的用户。", "structure": "1. 使用步骤\n2. 功能介绍\n3. 首屏 Hero\n4. 移动端适配\n5. 售后边界\n6. 产品截图区\n7. 价格方案", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「服务报价·起步模板 34」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：使用步骤, 功能介绍, 首屏 Hero, 移动端适配, 售后边界, 产品截图区, 价格方案。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["价格方案", "搜索筛选", "客户评价", "FAQ"]}, {"id": 35, "category": "FAQ 帮助中心", "title": "FAQ 帮助中心·起步模板 35", "fit": "适合想做「FAQ 帮助中心」的用户。", "structure": "1. 使用步骤\n2. 移动端适配\n3. 痛点区\n4. 售后边界\n5. 价格方案\n6. 客户评价\n7. 购买说明", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「FAQ 帮助中心·起步模板 35」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：使用步骤, 移动端适配, 痛点区, 售后边界, 价格方案, 客户评价, 购买说明。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["搜索筛选", "部署说明", "收藏功能", "深色模式"]}, {"id": 36, "category": "案例库", "title": "案例库·起步模板 36", "fit": "适合想做「案例库」的用户。", "structure": "1. 痛点区\n2. 案例展示\n3. 搜索筛选\n4. 购买说明\n5. 联系方式\n6. 更新日志\n7. 复制按钮", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「案例库·起步模板 36」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：痛点区, 案例展示, 搜索筛选, 购买说明, 联系方式, 更新日志, 复制按钮。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["复制按钮", "部署说明", "搜索筛选", "收藏功能"]}, {"id": 37, "category": "检查清单", "title": "检查清单·起步模板 37", "fit": "适合想做「检查清单」的用户。", "structure": "1. 案例展示\n2. 购买说明\n3. 功能介绍\n4. 交付说明\n5. 联系方式\n6. 收藏功能\n7. 深色模式", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「检查清单·起步模板 37」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：案例展示, 购买说明, 功能介绍, 交付说明, 联系方式, 收藏功能, 深色模式。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["搜索筛选", "导出 TXT", "客户评价", "深色模式"]}, {"id": 38, "category": "下载中心", "title": "下载中心·起步模板 38", "fit": "适合想做「下载中心」的用户。", "structure": "1. 移动端适配\n2. 案例展示\n3. 痛点区\n4. 客户评价\n5. 产品截图区\n6. 功能介绍\n7. 售后边界", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「下载中心·起步模板 38」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：移动端适配, 案例展示, 痛点区, 客户评价, 产品截图区, 功能介绍, 售后边界。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["搜索筛选", "复制按钮", "客户评价", "深色模式"]}, {"id": 39, "category": "SOP 导航", "title": "SOP 导航·起步模板 39", "fit": "适合想做「SOP 导航」的用户。", "structure": "1. 售后边界\n2. 深色模式\n3. 收藏功能\n4. 首屏 Hero\n5. 痛点区\n6. 复制按钮\n7. 客户评价", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「SOP 导航·起步模板 39」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：售后边界, 深色模式, 收藏功能, 首屏 Hero, 痛点区, 复制按钮, 客户评价。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["部署说明", "FAQ", "搜索筛选", "导出 TXT"]}, {"id": 40, "category": "AI 学习网站", "title": "AI 学习网站·起步模板 40", "fit": "适合想做「AI 学习网站」的用户。", "structure": "1. 复制按钮\n2. 搜索筛选\n3. 深色模式\n4. 更新日志\n5. 收藏功能\n6. 案例展示\n7. 适合人群", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「AI 学习网站·起步模板 40」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：复制按钮, 搜索筛选, 深色模式, 更新日志, 收藏功能, 案例展示, 适合人群。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["FAQ", "收藏功能", "导出 TXT", "搜索筛选"]}, {"id": 41, "category": "个人主页", "title": "个人主页·起步模板 41", "fit": "适合想做「个人主页」的用户。", "structure": "1. 交付说明\n2. 适合人群\n3. 收藏功能\n4. 产品截图区\n5. 深色模式\n6. 资料分类\n7. 客户评价", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「个人主页·起步模板 41」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：交付说明, 适合人群, 收藏功能, 产品截图区, 深色模式, 资料分类, 客户评价。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["收藏功能", "复制按钮", "客户评价", "深色模式"]}, {"id": 42, "category": "产品展示页", "title": "产品展示页·起步模板 42", "fit": "适合想做「产品展示页」的用户。", "structure": "1. 移动端适配\n2. FAQ\n3. 痛点区\n4. 售后边界\n5. 搜索筛选\n6. 联系方式\n7. 首屏 Hero", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「产品展示页·起步模板 42」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：移动端适配, FAQ, 痛点区, 售后边界, 搜索筛选, 联系方式, 首屏 Hero。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["导出 TXT", "部署说明", "复制按钮", "搜索筛选"]}, {"id": 43, "category": "资料库", "title": "资料库·起步模板 43", "fit": "适合想做「资料库」的用户。", "structure": "1. FAQ\n2. 深色模式\n3. 案例展示\n4. 联系方式\n5. 价格方案\n6. 搜索筛选\n7. 痛点区", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「资料库·起步模板 43」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：FAQ, 深色模式, 案例展示, 联系方式, 价格方案, 搜索筛选, 痛点区。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["复制按钮", "部署说明", "价格方案", "搜索筛选"]}, {"id": 44, "category": "工具导航", "title": "工具导航·起步模板 44", "fit": "适合想做「工具导航」的用户。", "structure": "1. 痛点区\n2. 交付说明\n3. 案例展示\n4. 更新日志\n5. 使用步骤\n6. 价格方案\n7. FAQ", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「工具导航·起步模板 44」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：痛点区, 交付说明, 案例展示, 更新日志, 使用步骤, 价格方案, FAQ。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["部署说明", "搜索筛选", "导出 TXT", "FAQ"]}, {"id": 45, "category": "课程页", "title": "课程页·起步模板 45", "fit": "适合想做「课程页」的用户。", "structure": "1. FAQ\n2. 购买说明\n3. 移动端适配\n4. 使用步骤\n5. 案例展示\n6. 适合人群\n7. 搜索筛选", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「课程页·起步模板 45」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：FAQ, 购买说明, 移动端适配, 使用步骤, 案例展示, 适合人群, 搜索筛选。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["客户评价", "FAQ", "收藏功能", "深色模式"]}, {"id": 46, "category": "训练营页", "title": "训练营页·起步模板 46", "fit": "适合想做「训练营页」的用户。", "structure": "1. 更新日志\n2. FAQ\n3. 购买说明\n4. 收藏功能\n5. 移动端适配\n6. 售后边界\n7. 产品截图区", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「训练营页·起步模板 46」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：更新日志, FAQ, 购买说明, 收藏功能, 移动端适配, 售后边界, 产品截图区。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["部署说明", "复制按钮", "FAQ", "深色模式"]}, {"id": 47, "category": "客户交付页", "title": "客户交付页·起步模板 47", "fit": "适合想做「客户交付页」的用户。", "structure": "1. 使用步骤\n2. 功能介绍\n3. 联系方式\n4. 痛点区\n5. 产品截图区\n6. 更新日志\n7. 购买说明", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「客户交付页·起步模板 47」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：使用步骤, 功能介绍, 联系方式, 痛点区, 产品截图区, 更新日志, 购买说明。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["部署说明", "FAQ", "导出 TXT", "复制按钮"]}, {"id": 48, "category": "教师工具", "title": "教师工具·起步模板 48", "fit": "适合想做「教师工具」的用户。", "structure": "1. 使用步骤\n2. 更新日志\n3. 深色模式\n4. 售后边界\n5. 首屏 Hero\n6. 复制按钮\n7. 购买说明", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「教师工具·起步模板 48」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：使用步骤, 更新日志, 深色模式, 售后边界, 首屏 Hero, 复制按钮, 购买说明。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["搜索筛选", "FAQ", "导出 TXT", "收藏功能"]}, {"id": 49, "category": "学生工具", "title": "学生工具·起步模板 49", "fit": "适合想做「学生工具」的用户。", "structure": "1. 首屏 Hero\n2. 联系方式\n3. 购买说明\n4. 功能介绍\n5. 案例展示\n6. 收藏功能\n7. 复制按钮", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「学生工具·起步模板 49」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：首屏 Hero, 联系方式, 购买说明, 功能介绍, 案例展示, 收藏功能, 复制按钮。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["价格方案", "深色模式", "导出 TXT", "复制按钮"]}, {"id": 50, "category": "一人公司", "title": "一人公司·起步模板 50", "fit": "适合想做「一人公司」的用户。", "structure": "1. 更新日志\n2. 搜索筛选\n3. 使用步骤\n4. 首屏 Hero\n5. 交付说明\n6. 产品截图区\n7. 资料分类", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「一人公司·起步模板 50」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：更新日志, 搜索筛选, 使用步骤, 首屏 Hero, 交付说明, 产品截图区, 资料分类。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["搜索筛选", "收藏功能", "FAQ", "导出 TXT"]}, {"id": 51, "category": "私域成交", "title": "私域成交·起步模板 51", "fit": "适合想做「私域成交」的用户。", "structure": "1. 客户评价\n2. 搜索筛选\n3. 案例展示\n4. 产品截图区\n5. 深色模式\n6. 价格方案\n7. 联系方式", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「私域成交·起步模板 51」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：客户评价, 搜索筛选, 案例展示, 产品截图区, 深色模式, 价格方案, 联系方式。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["客户评价", "收藏功能", "搜索筛选", "深色模式"]}, {"id": 52, "category": "小红书虚拟产品", "title": "小红书虚拟产品·起步模板 52", "fit": "适合想做「小红书虚拟产品」的用户。", "structure": "1. 案例展示\n2. 痛点区\n3. 使用步骤\n4. 交付说明\n5. 首屏 Hero\n6. 复制按钮\n7. 收藏功能", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「小红书虚拟产品·起步模板 52」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：案例展示, 痛点区, 使用步骤, 交付说明, 首屏 Hero, 复制按钮, 收藏功能。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["FAQ", "部署说明", "导出 TXT", "搜索筛选"]}, {"id": 53, "category": "企业介绍", "title": "企业介绍·起步模板 53", "fit": "适合想做「企业介绍」的用户。", "structure": "1. 客户评价\n2. 交付说明\n3. 移动端适配\n4. 案例展示\n5. 复制按钮\n6. 功能介绍\n7. 资料分类", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「企业介绍·起步模板 53」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：客户评价, 交付说明, 移动端适配, 案例展示, 复制按钮, 功能介绍, 资料分类。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["FAQ", "客户评价", "导出 TXT", "深色模式"]}, {"id": 54, "category": "服务报价", "title": "服务报价·起步模板 54", "fit": "适合想做「服务报价」的用户。", "structure": "1. 首屏 Hero\n2. FAQ\n3. 更新日志\n4. 痛点区\n5. 收藏功能\n6. 资料分类\n7. 交付说明", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「服务报价·起步模板 54」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：首屏 Hero, FAQ, 更新日志, 痛点区, 收藏功能, 资料分类, 交付说明。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["导出 TXT", "价格方案", "部署说明", "FAQ"]}, {"id": 55, "category": "FAQ 帮助中心", "title": "FAQ 帮助中心·起步模板 55", "fit": "适合想做「FAQ 帮助中心」的用户。", "structure": "1. 移动端适配\n2. 产品截图区\n3. 更新日志\n4. 使用步骤\n5. 案例展示\n6. FAQ\n7. 价格方案", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「FAQ 帮助中心·起步模板 55」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：移动端适配, 产品截图区, 更新日志, 使用步骤, 案例展示, FAQ, 价格方案。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["深色模式", "搜索筛选", "复制按钮", "收藏功能"]}, {"id": 56, "category": "案例库", "title": "案例库·起步模板 56", "fit": "适合想做「案例库」的用户。", "structure": "1. 深色模式\n2. 搜索筛选\n3. 客户评价\n4. 案例展示\n5. 首屏 Hero\n6. 售后边界\n7. 价格方案", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「案例库·起步模板 56」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：深色模式, 搜索筛选, 客户评价, 案例展示, 首屏 Hero, 售后边界, 价格方案。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["客户评价", "价格方案", "导出 TXT", "搜索筛选"]}, {"id": 57, "category": "检查清单", "title": "检查清单·起步模板 57", "fit": "适合想做「检查清单」的用户。", "structure": "1. 首屏 Hero\n2. 复制按钮\n3. 资料分类\n4. 售后边界\n5. 功能介绍\n6. 价格方案\n7. 适合人群", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「检查清单·起步模板 57」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：首屏 Hero, 复制按钮, 资料分类, 售后边界, 功能介绍, 价格方案, 适合人群。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["搜索筛选", "复制按钮", "深色模式", "导出 TXT"]}, {"id": 58, "category": "下载中心", "title": "下载中心·起步模板 58", "fit": "适合想做「下载中心」的用户。", "structure": "1. 案例展示\n2. 更新日志\n3. 购买说明\n4. 价格方案\n5. 移动端适配\n6. 客户评价\n7. 痛点区", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「下载中心·起步模板 58」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：案例展示, 更新日志, 购买说明, 价格方案, 移动端适配, 客户评价, 痛点区。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["深色模式", "收藏功能", "FAQ", "价格方案"]}, {"id": 59, "category": "SOP 导航", "title": "SOP 导航·起步模板 59", "fit": "适合想做「SOP 导航」的用户。", "structure": "1. 收藏功能\n2. 适合人群\n3. 深色模式\n4. 价格方案\n5. 搜索筛选\n6. 使用步骤\n7. FAQ", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「SOP 导航·起步模板 59」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：收藏功能, 适合人群, 深色模式, 价格方案, 搜索筛选, 使用步骤, FAQ。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["FAQ", "深色模式", "部署说明", "收藏功能"]}, {"id": 60, "category": "AI 学习网站", "title": "AI 学习网站·起步模板 60", "fit": "适合想做「AI 学习网站」的用户。", "structure": "1. 收藏功能\n2. 客户评价\n3. 移动端适配\n4. 功能介绍\n5. 首屏 Hero\n6. 售后边界\n7. 交付说明", "prompt": "你是一位资深 AI 建站教练和前端产品经理。请为「AI 学习网站·起步模板 60」生成单文件 HTML 网站，目标用户是中国国内小白用户。页面要高级、清晰、移动端友好，不使用外部依赖，不连接后端。请包含：收藏功能, 客户评价, 移动端适配, 功能介绍, 首屏 Hero, 售后边界, 交付说明。完成后输出验收清单、客户交付说明和下一步迭代建议。", "acceptance": "首屏清晰；手机端不溢出；按钮可点击；内容不空；客户能理解；可本地打开。", "extend": ["价格方案", "深色模式", "部署说明", "复制按钮"]}], "template_categories": ["个人主页", "产品展示页", "资料库", "工具导航", "课程页", "训练营页", "客户交付页", "教师工具", "学生工具", "一人公司", "私域成交", "小红书虚拟产品", "企业介绍", "服务报价", "FAQ 帮助中心", "案例库", "检查清单", "下载中心", "SOP 导航", "AI 学习网站"], "issues": [{"id": 1, "name": "页面太丑", "category": "内容", "symptom": "用户反馈：网站存在「页面太丑」问题，影响展示、成交或客户交付。", "cause": "页面结构不清晰", "fix": "优化移动端 CSS", "prompt": "请检查并修复「页面太丑」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 2, "name": "内容空", "category": "交互", "symptom": "用户反馈：网站存在「内容空」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "生成客户说明", "prompt": "请检查并修复「内容空」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 3, "name": "按钮不能点", "category": "移动端", "symptom": "用户反馈：网站存在「按钮不能点」问题，影响展示、成交或客户交付。", "cause": "JS 事件未绑定", "fix": "重写按钮交互反馈", "prompt": "请检查并修复「按钮不能点」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 4, "name": "复制按钮无效", "category": "部署", "symptom": "用户反馈：网站存在「复制按钮无效」问题，影响展示、成交或客户交付。", "cause": "CSS 适配不足", "fix": "优化移动端 CSS", "prompt": "请检查并修复「复制按钮无效」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 5, "name": "手机端横向溢出", "category": "域名", "symptom": "用户反馈：网站存在「手机端横向溢出」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "生成客户说明", "prompt": "请检查并修复「手机端横向溢出」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 6, "name": "图片不显示", "category": "交付", "symptom": "用户反馈：网站存在「图片不显示」问题，影响展示、成交或客户交付。", "cause": "JS 事件未绑定", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「图片不显示」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 7, "name": "中文乱码", "category": "转化", "symptom": "用户反馈：网站存在「中文乱码」问题，影响展示、成交或客户交付。", "cause": "页面结构不清晰", "fix": "生成客户说明", "prompt": "请检查并修复「中文乱码」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 8, "name": "页面白屏", "category": "功能", "symptom": "用户反馈：网站存在「页面白屏」问题，影响展示、成交或客户交付。", "cause": "JS 事件未绑定", "fix": "生成客户说明", "prompt": "请检查并修复「页面白屏」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 9, "name": "文件打不开", "category": "文档", "symptom": "用户反馈：网站存在「文件打不开」问题，影响展示、成交或客户交付。", "cause": "部署配置不完整", "fix": "生成客户说明", "prompt": "请检查并修复「文件打不开」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 10, "name": "浏览器打开是代码", "category": "国内使用", "symptom": "用户反馈：网站存在「浏览器打开是代码」问题，影响展示、成交或客户交付。", "cause": "资源路径错误", "fix": "生成客户说明", "prompt": "请检查并修复「浏览器打开是代码」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 11, "name": "index.html 找不到", "category": "审美", "symptom": "用户反馈：网站存在「index.html 找不到」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "优化移动端 CSS", "prompt": "请检查并修复「index.html 找不到」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 12, "name": "样式丢失", "category": "内容", "symptom": "用户反馈：网站存在「样式丢失」问题，影响展示、成交或客户交付。", "cause": "页面结构不清晰", "fix": "重写按钮交互反馈", "prompt": "请检查并修复「样式丢失」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 13, "name": "JS 报错", "category": "交互", "symptom": "用户反馈：网站存在「JS 报错」问题，影响展示、成交或客户交付。", "cause": "页面结构不清晰", "fix": "优化移动端 CSS", "prompt": "请检查并修复「JS 报错」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 14, "name": "搜索功能无效", "category": "移动端", "symptom": "用户反馈：网站存在「搜索功能无效」问题，影响展示、成交或客户交付。", "cause": "页面结构不清晰", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「搜索功能无效」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 15, "name": "筛选无效", "category": "部署", "symptom": "用户反馈：网站存在「筛选无效」问题，影响展示、成交或客户交付。", "cause": "CSS 适配不足", "fix": "补充 FAQ 和售后边界", "prompt": "请检查并修复「筛选无效」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 16, "name": "深色模式看不清", "category": "域名", "symptom": "用户反馈：网站存在「深色模式看不清」问题，影响展示、成交或客户交付。", "cause": "CSS 适配不足", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「深色模式看不清」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 17, "name": "页面加载慢", "category": "交付", "symptom": "用户反馈：网站存在「页面加载慢」问题，影响展示、成交或客户交付。", "cause": "JS 事件未绑定", "fix": "生成客户说明", "prompt": "请检查并修复「页面加载慢」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 18, "name": "卡片太乱", "category": "转化", "symptom": "用户反馈：网站存在「卡片太乱」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "优化移动端 CSS", "prompt": "请检查并修复「卡片太乱」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 19, "name": "首屏不吸引人", "category": "功能", "symptom": "用户反馈：网站存在「首屏不吸引人」问题，影响展示、成交或客户交付。", "cause": "资源路径错误", "fix": "重写按钮交互反馈", "prompt": "请检查并修复「首屏不吸引人」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 20, "name": "文案太 AI", "category": "文档", "symptom": "用户反馈：网站存在「文案太 AI」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "补充 FAQ 和售后边界", "prompt": "请检查并修复「文案太 AI」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 21, "name": "没有购买转化", "category": "国内使用", "symptom": "用户反馈：网站存在「没有购买转化」问题，影响展示、成交或客户交付。", "cause": "页面结构不清晰", "fix": "补充 FAQ 和售后边界", "prompt": "请检查并修复「没有购买转化」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 22, "name": "没有联系方式", "category": "审美", "symptom": "用户反馈：网站存在「没有联系方式」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "补齐内容清单", "prompt": "请检查并修复「没有联系方式」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 23, "name": "没有 FAQ", "category": "内容", "symptom": "用户反馈：网站存在「没有 FAQ」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "重写按钮交互反馈", "prompt": "请检查并修复「没有 FAQ」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 24, "name": "没有售后边界", "category": "交互", "symptom": "用户反馈：网站存在「没有售后边界」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "生成客户说明", "prompt": "请检查并修复「没有售后边界」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 25, "name": "客户不知道怎么用", "category": "移动端", "symptom": "用户反馈：网站存在「客户不知道怎么用」问题，影响展示、成交或客户交付。", "cause": "部署配置不完整", "fix": "优化移动端 CSS", "prompt": "请检查并修复「客户不知道怎么用」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 26, "name": "部署后 404", "category": "部署", "symptom": "用户反馈：网站存在「部署后 404」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "补齐内容清单", "prompt": "请检查并修复「部署后 404」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 27, "name": "部署后白屏", "category": "域名", "symptom": "用户反馈：网站存在「部署后白屏」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "重写按钮交互反馈", "prompt": "请检查并修复「部署后白屏」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 28, "name": "资源路径错误", "category": "交付", "symptom": "用户反馈：网站存在「资源路径错误」问题，影响展示、成交或客户交付。", "cause": "CSS 适配不足", "fix": "重写按钮交互反馈", "prompt": "请检查并修复「资源路径错误」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 29, "name": "域名绑定后打不开", "category": "转化", "symptom": "用户反馈：网站存在「域名绑定后打不开」问题，影响展示、成交或客户交付。", "cause": "CSS 适配不足", "fix": "优化移动端 CSS", "prompt": "请检查并修复「域名绑定后打不开」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 30, "name": "HTTPS 不生效", "category": "功能", "symptom": "用户反馈：网站存在「HTTPS 不生效」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "生成客户说明", "prompt": "请检查并修复「HTTPS 不生效」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 31, "name": "微信里打不开", "category": "文档", "symptom": "用户反馈：网站存在「微信里打不开」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "补充 FAQ 和售后边界", "prompt": "请检查并修复「微信里打不开」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 32, "name": "小红书链接跳转异常", "category": "国内使用", "symptom": "用户反馈：网站存在「小红书链接跳转异常」问题，影响展示、成交或客户交付。", "cause": "CSS 适配不足", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「小红书链接跳转异常」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 33, "name": "客户手机打不开", "category": "审美", "symptom": "用户反馈：网站存在「客户手机打不开」问题，影响展示、成交或客户交付。", "cause": "部署配置不完整", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「客户手机打不开」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 34, "name": "客户电脑打不开", "category": "内容", "symptom": "用户反馈：网站存在「客户电脑打不开」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "补齐内容清单", "prompt": "请检查并修复「客户电脑打不开」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 35, "name": "压缩包客户不会用", "category": "交互", "symptom": "用户反馈：网站存在「压缩包客户不会用」问题，影响展示、成交或客户交付。", "cause": "部署配置不完整", "fix": "优化移动端 CSS", "prompt": "请检查并修复「压缩包客户不会用」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 36, "name": "交付漏文件", "category": "移动端", "symptom": "用户反馈：网站存在「交付漏文件」问题，影响展示、成交或客户交付。", "cause": "资源路径错误", "fix": "生成客户说明", "prompt": "请检查并修复「交付漏文件」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 37, "name": "README 缺失", "category": "部署", "symptom": "用户反馈：网站存在「README 缺失」问题，影响展示、成交或客户交付。", "cause": "部署配置不完整", "fix": "补齐内容清单", "prompt": "请检查并修复「README 缺失」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 38, "name": "说明文档太技术", "category": "域名", "symptom": "用户反馈：网站存在「说明文档太技术」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "补充 FAQ 和售后边界", "prompt": "请检查并修复「说明文档太技术」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 39, "name": "页面不适合截图", "category": "交付", "symptom": "用户反馈：网站存在「页面不适合截图」问题，影响展示、成交或客户交付。", "cause": "CSS 适配不足", "fix": "补齐内容清单", "prompt": "请检查并修复「页面不适合截图」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 40, "name": "价格区不清楚", "category": "转化", "symptom": "用户反馈：网站存在「价格区不清楚」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "补充 FAQ 和售后边界", "prompt": "请检查并修复「价格区不清楚」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 41, "name": "案例区太假", "category": "功能", "symptom": "用户反馈：网站存在「案例区太假」问题，影响展示、成交或客户交付。", "cause": "页面结构不清晰", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「案例区太假」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 42, "name": "客户评价太空", "category": "文档", "symptom": "用户反馈：网站存在「客户评价太空」问题，影响展示、成交或客户交付。", "cause": "部署配置不完整", "fix": "补充 FAQ 和售后边界", "prompt": "请检查并修复「客户评价太空」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 43, "name": "颜色太廉价", "category": "国内使用", "symptom": "用户反馈：网站存在「颜色太廉价」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "重写按钮交互反馈", "prompt": "请检查并修复「颜色太廉价」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 44, "name": "字体太乱", "category": "审美", "symptom": "用户反馈：网站存在「字体太乱」问题，影响展示、成交或客户交付。", "cause": "部署配置不完整", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「字体太乱」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 45, "name": "按钮不明显", "category": "内容", "symptom": "用户反馈：网站存在「按钮不明显」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「按钮不明显」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 46, "name": "导航栏不好用", "category": "交互", "symptom": "用户反馈：网站存在「导航栏不好用」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "生成客户说明", "prompt": "请检查并修复「导航栏不好用」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 47, "name": "移动端太挤", "category": "移动端", "symptom": "用户反馈：网站存在「移动端太挤」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "补齐内容清单", "prompt": "请检查并修复「移动端太挤」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 48, "name": "表格撑破页面", "category": "部署", "symptom": "用户反馈：网站存在「表格撑破页面」问题，影响展示、成交或客户交付。", "cause": "部署配置不完整", "fix": "优化移动端 CSS", "prompt": "请检查并修复「表格撑破页面」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 49, "name": "代码块撑破页面", "category": "域名", "symptom": "用户反馈：网站存在「代码块撑破页面」问题，影响展示、成交或客户交付。", "cause": "页面结构不清晰", "fix": "补充 FAQ 和售后边界", "prompt": "请检查并修复「代码块撑破页面」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 50, "name": "数据太少", "category": "交付", "symptom": "用户反馈：网站存在「数据太少」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "重写按钮交互反馈", "prompt": "请检查并修复「数据太少」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 51, "name": "分类太少", "category": "转化", "symptom": "用户反馈：网站存在「分类太少」问题，影响展示、成交或客户交付。", "cause": "CSS 适配不足", "fix": "生成客户说明", "prompt": "请检查并修复「分类太少」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 52, "name": "下拉项太少", "category": "功能", "symptom": "用户反馈：网站存在「下拉项太少」问题，影响展示、成交或客户交付。", "cause": "CSS 适配不足", "fix": "补齐内容清单", "prompt": "请检查并修复「下拉项太少」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 53, "name": "案例不够真实", "category": "文档", "symptom": "用户反馈：网站存在「案例不够真实」问题，影响展示、成交或客户交付。", "cause": "页面结构不清晰", "fix": "补齐内容清单", "prompt": "请检查并修复「案例不够真实」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 54, "name": "没有版本记录", "category": "国内使用", "symptom": "用户反馈：网站存在「没有版本记录」问题，影响展示、成交或客户交付。", "cause": "页面结构不清晰", "fix": "补齐内容清单", "prompt": "请检查并修复「没有版本记录」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 55, "name": "无法继续迭代", "category": "审美", "symptom": "用户反馈：网站存在「无法继续迭代」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "优化移动端 CSS", "prompt": "请检查并修复「无法继续迭代」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 56, "name": "没有移动端验收", "category": "内容", "symptom": "用户反馈：网站存在「没有移动端验收」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「没有移动端验收」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 57, "name": "没有隐私提醒", "category": "交互", "symptom": "用户反馈：网站存在「没有隐私提醒」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "补齐内容清单", "prompt": "请检查并修复「没有隐私提醒」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 58, "name": "没有免责声明", "category": "移动端", "symptom": "用户反馈：网站存在「没有免责声明」问题，影响展示、成交或客户交付。", "cause": "CSS 适配不足", "fix": "重写按钮交互反馈", "prompt": "请检查并修复「没有免责声明」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 59, "name": "没有下载入口", "category": "部署", "symptom": "用户反馈：网站存在「没有下载入口」问题，影响展示、成交或客户交付。", "cause": "部署配置不完整", "fix": "优化移动端 CSS", "prompt": "请检查并修复「没有下载入口」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 60, "name": "客户反馈无格式", "category": "域名", "symptom": "用户反馈：网站存在「客户反馈无格式」问题，影响展示、成交或客户交付。", "cause": "页面结构不清晰", "fix": "生成客户说明", "prompt": "请检查并修复「客户反馈无格式」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 61, "name": "没有更新日志", "category": "交付", "symptom": "用户反馈：网站存在「没有更新日志」问题，影响展示、成交或客户交付。", "cause": "JS 事件未绑定", "fix": "优化移动端 CSS", "prompt": "请检查并修复「没有更新日志」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 62, "name": "页面模块顺序混乱", "category": "转化", "symptom": "用户反馈：网站存在「页面模块顺序混乱」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「页面模块顺序混乱」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 63, "name": "标题没有吸引力", "category": "功能", "symptom": "用户反馈：网站存在「标题没有吸引力」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "补齐内容清单", "prompt": "请检查并修复「标题没有吸引力」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 64, "name": "FAQ 不像真人问题", "category": "文档", "symptom": "用户反馈：网站存在「FAQ 不像真人问题」问题，影响展示、成交或客户交付。", "cause": "CSS 适配不足", "fix": "优化移动端 CSS", "prompt": "请检查并修复「FAQ 不像真人问题」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 65, "name": "图片太大导致卡顿", "category": "国内使用", "symptom": "用户反馈：网站存在「图片太大导致卡顿」问题，影响展示、成交或客户交付。", "cause": "交付说明缺失", "fix": "重写按钮交互反馈", "prompt": "请检查并修复「图片太大导致卡顿」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 66, "name": "没有打印样式", "category": "审美", "symptom": "用户反馈：网站存在「没有打印样式」问题，影响展示、成交或客户交付。", "cause": "JS 事件未绑定", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「没有打印样式」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 67, "name": "没有本地存储", "category": "内容", "symptom": "用户反馈：网站存在「没有本地存储」问题，影响展示、成交或客户交付。", "cause": "部署配置不完整", "fix": "重写按钮交互反馈", "prompt": "请检查并修复「没有本地存储」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 68, "name": "收藏功能丢失", "category": "交互", "symptom": "用户反馈：网站存在「收藏功能丢失」问题，影响展示、成交或客户交付。", "cause": "JS 事件未绑定", "fix": "补充 FAQ 和售后边界", "prompt": "请检查并修复「收藏功能丢失」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 69, "name": "筛选条件太少", "category": "移动端", "symptom": "用户反馈：网站存在「筛选条件太少」问题，影响展示、成交或客户交付。", "cause": "JS 事件未绑定", "fix": "先定位问题，再做最小修改", "prompt": "请检查并修复「筛选条件太少」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 70, "name": "小红书截图不好看", "category": "部署", "symptom": "用户反馈：网站存在「小红书截图不好看」问题，影响展示、成交或客户交付。", "cause": "内容准备不足", "fix": "生成客户说明", "prompt": "请检查并修复「小红书截图不好看」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}, {"id": 71, "name": "交付说明缺浏览器建议", "category": "域名", "symptom": "用户反馈：网站存在「交付说明缺浏览器建议」问题，影响展示、成交或客户交付。", "cause": "资源路径错误", "fix": "补充 FAQ 和售后边界", "prompt": "请检查并修复「交付说明缺浏览器建议」问题。不要重构全站，不要删除已有内容，先分析可能原因，再给出最小修改方案。完成后请输出修改点和验收方法，语言适合中国小白用户。"}], "issue_categories": ["审美", "内容", "交互", "移动端", "部署", "域名", "交付", "转化", "功能", "文档", "国内使用"], "workbuddy": [{"id": 1, "title": "请帮我整理建站资料，包括网站名称、目标用...", "prompt": "请帮我整理建站资料，包括网站名称、目标用户、核心痛点、页面模块、图片素材和联系方式，不要替我登录或上传任何内容。"}, {"id": 2, "title": "请帮我创建网站素材文件夹，建议包含 im...", "prompt": "请帮我创建网站素材文件夹，建议包含 images、screenshots、docs、backup，但不要移动任何文件，等待我确认。"}, {"id": 3, "title": "请帮我截图保存当前网页效果，分别记录电脑...", "prompt": "请帮我截图保存当前网页效果，分别记录电脑端和手机端显示问题。"}, {"id": 4, "title": "请帮我记录每次修改，形成版本更新日志草稿...", "prompt": "请帮我记录每次修改，形成版本更新日志草稿。"}, {"id": 5, "title": "请把客户反馈整理成表格：反馈内容、截图、...", "prompt": "请把客户反馈整理成表格：反馈内容、截图、设备、浏览器、可能原因、下一步处理。"}, {"id": 6, "title": "请帮我生成网站内容清单，标记哪些已准备、...", "prompt": "请帮我生成网站内容清单，标记哪些已准备、哪些缺失、哪些需要我补充。"}, {"id": 7, "title": "请检查文件名是否含中文、空格、特殊符号，...", "prompt": "请检查文件名是否含中文、空格、特殊符号，只输出清单，不要改名。"}, {"id": 8, "title": "请提醒我不要删除 index.html、...", "prompt": "请提醒我不要删除 index.html、assets、docs、README、backup 等关键文件。"}, {"id": 9, "title": "请帮我整理产品截图目录，把首页、功能、移...", "prompt": "请帮我整理产品截图目录，把首页、功能、移动端、客户交付截图分开。"}, {"id": 10, "title": "请帮我生成客户交付说明，告诉客户如何打开...", "prompt": "请帮我生成客户交付说明，告诉客户如何打开网站、打不开时如何反馈。"}, {"id": 11, "title": "请帮我记录部署步骤，包含平台、时间、临时...", "prompt": "请帮我记录部署步骤，包含平台、时间、临时链接、错误截图和解决方法。"}, {"id": 12, "title": "请帮我整理域名绑定资料，包括域名、注册商...", "prompt": "请帮我整理域名绑定资料，包括域名、注册商、部署平台、DNS 要求和当前状态。"}, {"id": 13, "title": "请帮我生成售后边界，写清楚不代登录、不代...", "prompt": "请帮我生成售后边界，写清楚不代登录、不代付款、不代备案、不提供科学上网。"}, {"id": 14, "title": "请把我的小红书文案整理成网站首页文案，包...", "prompt": "请把我的小红书文案整理成网站首页文案，包括标题、副标题、痛点和 CTA。"}, {"id": 15, "title": "请把课程大纲整理成页面结构，包括适合人群...", "prompt": "请把课程大纲整理成页面结构，包括适合人群、课程模块、作业、报名说明。"}, {"id": 16, "title": "请把客户 FAQ 整理成网站模块，问题要...", "prompt": "请把客户 FAQ 整理成网站模块，问题要像真人会问的话。"}, {"id": 17, "title": "请帮我整理网站上线前检查清单，包含内容、...", "prompt": "请帮我整理网站上线前检查清单，包含内容、移动端、按钮、部署、域名、交付。"}, {"id": 18, "title": "请帮我把产品卖点整理成 6 张卡片，适合...", "prompt": "请帮我把产品卖点整理成 6 张卡片，适合放在网站首页。"}, {"id": 19, "title": "请帮我整理网站所需图片清单，提醒我哪些图...", "prompt": "请帮我整理网站所需图片清单，提醒我哪些图片要打码或替换。"}, {"id": 20, "title": "请帮我生成给 Codex 的下一步建站指...", "prompt": "请帮我生成给 Codex 的下一步建站指令，要求单文件 HTML、移动端适配、复制按钮。"}, {"id": 21, "title": "请帮我检查交付压缩包是否包含 index...", "prompt": "请帮我检查交付压缩包是否包含 index.html、assets、README、user-guide 和截图。"}, {"id": 22, "title": "请帮我整理客户打不开网站时的反馈格式。...", "prompt": "请帮我整理客户打不开网站时的反馈格式。"}, {"id": 23, "title": "请帮我生成小红书展示文案，用来介绍这个网...", "prompt": "请帮我生成小红书展示文案，用来介绍这个网站产品。"}, {"id": 24, "title": "请帮我把价格方案整理成基础版、增强版、陪...", "prompt": "请帮我把价格方案整理成基础版、增强版、陪跑版三个档位。"}, {"id": 25, "title": "请帮我生成网站更新日志模板。...", "prompt": "请帮我生成网站更新日志模板。"}, {"id": 26, "title": "请帮我检查是否有客户隐私、账号截图、微信...", "prompt": "请帮我检查是否有客户隐私、账号截图、微信聊天记录混进素材里。"}, {"id": 27, "title": "请帮我生成网站验收表，包含电脑端、手机端...", "prompt": "请帮我生成网站验收表，包含电脑端、手机端、微信内、不同浏览器。"}, {"id": 28, "title": "请帮我整理远程建站陪跑 SOP，从需求收...", "prompt": "请帮我整理远程建站陪跑 SOP，从需求收集到交付验收。"}, {"id": 29, "title": "请帮我提醒涉及登录、付款、删除、上传、提...", "prompt": "请帮我提醒涉及登录、付款、删除、上传、提交后台时必须人工确认。"}, {"id": 30, "title": "请帮我把当前网站资料整理成可以交给 Co...", "prompt": "请帮我把当前网站资料整理成可以交给 Codex 的项目背景。"}], "cases": [{"id": 1, "category": "个人主页", "title": "把资料包做成产品页", "role": "产品经理", "difficulty": "客户交付", "goal": "做售后帮助中心", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「检查清单页」，目标用户是「产品经理」，场景是「个人主页：把资料包做成产品页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 复制按钮\n- 案例展示\n- 联系方式\n- 首屏 Hero\n- 购买说明\n- 深色模式\n- 价格方案", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 2, "category": "个人主页", "title": "做 AI 工具导航站", "role": "完全小白", "difficulty": "部署前", "goal": "做学习系统", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「客户交付页」，目标用户是「完全小白」，场景是「个人主页：做 AI 工具导航站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 复制按钮\n- 痛点区\n- 功能介绍\n- 更新日志\n- 使用步骤\n- 首屏 Hero\n- 交付说明", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 3, "category": "个人主页", "title": "客户交付页怎么写", "role": "老师", "difficulty": "客户交付", "goal": "提高信任感", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「作品集网站」，目标用户是「老师」，场景是「个人主页：客户交付页怎么写」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 痛点区\n- 深色模式\n- 适合人群\n- 产品截图区\n- 资料分类\n- 使用步骤\n- 价格方案", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 4, "category": "个人主页", "title": "老师备课资料站", "role": "个人品牌博主", "difficulty": "可售卖", "goal": "做作品展示", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「资料库网站」，目标用户是「个人品牌博主」，场景是「个人主页：老师备课资料站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- FAQ\n- 复制按钮\n- 案例展示\n- 联系方式\n- 价格方案\n- 移动端适配\n- 更新日志", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 5, "category": "个人主页", "title": "一人公司报价页", "role": "自由职业者", "difficulty": "小白起步", "goal": "做私域转化页", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「FAQ 页面」，目标用户是「自由职业者」，场景是「个人主页：一人公司报价页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 移动端适配\n- 联系方式\n- 首屏 Hero\n- 交付说明\n- 资料分类\n- 更新日志\n- 客户评价", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 6, "category": "个人主页", "title": "服务报价三档展示", "role": "运营", "difficulty": "部署前", "goal": "生成客户说明", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「SOP 导航页」，目标用户是「运营」，场景是「个人主页：服务报价三档展示」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 痛点区\n- 搜索筛选\n- 售后边界\n- 深色模式\n- 客户评价\n- 适合人群\n- 资料分类", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 7, "category": "产品页", "title": "老师备课资料站", "role": "知识付费博主", "difficulty": "部署前", "goal": "做服务报价", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「训练营落地页」，目标用户是「知识付费博主」，场景是「产品页：老师备课资料站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 售后边界\n- 深色模式\n- 使用步骤\n- 价格方案\n- 功能介绍\n- 搜索筛选\n- 产品截图区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 8, "category": "产品页", "title": "一人公司报价页", "role": "完全小白", "difficulty": "可售卖", "goal": "做私域转化页", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「训练营落地页」，目标用户是「完全小白」，场景是「产品页：一人公司报价页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- FAQ\n- 联系方式\n- 功能介绍\n- 搜索筛选\n- 售后边界\n- 购买说明\n- 客户评价", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 9, "category": "产品页", "title": "服务报价三档展示", "role": "培训老师", "difficulty": "高客单", "goal": "做企业介绍页", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「下载中心页」，目标用户是「培训老师」，场景是「产品页：服务报价三档展示」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 客户评价\n- 更新日志\n- 购买说明\n- 收藏功能\n- 首屏 Hero\n- 联系方式\n- 搜索筛选", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 10, "category": "产品页", "title": "部署前验收清单", "role": "老师", "difficulty": "小白起步", "goal": "做服务报价", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「个人主页」，目标用户是「老师」，场景是「产品页：部署前验收清单」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 价格方案\n- 复制按钮\n- 购买说明\n- 交付说明\n- FAQ\n- 深色模式\n- 使用步骤", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 11, "category": "产品页", "title": "把页面改得高级", "role": "课程顾问", "difficulty": "小白起步", "goal": "提高信任感", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「下载中心页」，目标用户是「课程顾问」，场景是「产品页：把页面改得高级」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 复制按钮\n- 适合人群\n- FAQ\n- 更新日志\n- 售后边界\n- 案例展示\n- 产品截图区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 12, "category": "产品页", "title": "写清楚售后边界", "role": "完全小白", "difficulty": "部署前", "goal": "卖虚拟产品", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「私域成交页」，目标用户是「完全小白」，场景是「产品页：写清楚售后边界」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 交付说明\n- 适合人群\n- 售后边界\n- 购买说明\n- 功能介绍\n- 深色模式\n- 移动端适配", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 13, "category": "资料库", "title": "部署前验收清单", "role": "知识付费博主", "difficulty": "可售卖", "goal": "收集客户线索", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「个人主页」，目标用户是「知识付费博主」，场景是「资料库：部署前验收清单」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 移动端适配\n- 售后边界\n- 收藏功能\n- 适合人群\n- 首屏 Hero\n- 联系方式\n- 痛点区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 14, "category": "资料库", "title": "把页面改得高级", "role": "企业团队", "difficulty": "小白起步", "goal": "提高信任感", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「个人主页」，目标用户是「企业团队」，场景是「资料库：把页面改得高级」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 联系方式\n- 产品截图区\n- 收藏功能\n- FAQ\n- 更新日志\n- 售后边界\n- 移动端适配", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 15, "category": "资料库", "title": "写清楚售后边界", "role": "课程顾问", "difficulty": "客户交付", "goal": "做服务报价", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「服务介绍页」，目标用户是「课程顾问」，场景是「资料库：写清楚售后边界」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 痛点区\n- 售后边界\n- 功能介绍\n- 移动端适配\n- 产品截图区\n- 复制按钮\n- 适合人群", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 16, "category": "资料库", "title": "让 CodeBuddy 只改按钮", "role": "自由职业者", "difficulty": "部署前", "goal": "提高信任感", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「服务介绍页」，目标用户是「自由职业者」，场景是「资料库：让 CodeBuddy 只改按钮」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 使用步骤\n- 复制按钮\n- 移动端适配\n- 功能介绍\n- 案例展示\n- 搜索筛选\n- 价格方案", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 17, "category": "资料库", "title": "从一句话做个人主页", "role": "课程顾问", "difficulty": "可售卖", "goal": "做工具导航", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「FAQ 页面」，目标用户是「课程顾问」，场景是「资料库：从一句话做个人主页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 客户评价\n- 更新日志\n- 搜索筛选\n- 案例展示\n- 联系方式\n- 售后边界\n- 首屏 Hero", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 18, "category": "资料库", "title": "给提示词库加搜索", "role": "老师", "difficulty": "可售卖", "goal": "做工具导航", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「SOP 导航页」，目标用户是「老师」，场景是「资料库：给提示词库加搜索」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 移动端适配\n- 资料分类\n- 深色模式\n- 痛点区\n- 收藏功能\n- 交付说明\n- 更新日志", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 19, "category": "导航站", "title": "让 CodeBuddy 只改按钮", "role": "运营", "difficulty": "小白起步", "goal": "收集客户线索", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「FAQ 页面」，目标用户是「运营」，场景是「导航站：让 CodeBuddy 只改按钮」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 移动端适配\n- 案例展示\n- 搜索筛选\n- 复制按钮\n- FAQ\n- 首屏 Hero\n- 联系方式", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 20, "category": "导航站", "title": "从一句话做个人主页", "role": "文科生", "difficulty": "部署前", "goal": "做作品展示", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「案例展示页」，目标用户是「文科生」，场景是「导航站：从一句话做个人主页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 首屏 Hero\n- 深色模式\n- 使用步骤\n- 价格方案\n- 交付说明\n- 移动端适配\n- 复制按钮", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 21, "category": "导航站", "title": "给提示词库加搜索", "role": "个人品牌博主", "difficulty": "小白起步", "goal": "做作品展示", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「知识库网站」，目标用户是「个人品牌博主」，场景是「导航站：给提示词库加搜索」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 交付说明\n- 客户评价\n- 深色模式\n- FAQ\n- 搜索筛选\n- 联系方式\n- 复制按钮", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 22, "category": "导航站", "title": "课程介绍页从 0 搭建", "role": "设计师", "difficulty": "可售卖", "goal": "做服务报价", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「简历页」，目标用户是「设计师」，场景是「导航站：课程介绍页从 0 搭建」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 适合人群\n- 搜索筛选\n- 更新日志\n- FAQ\n- 首屏 Hero\n- 联系方式\n- 使用步骤", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 23, "category": "导航站", "title": "小红书高客单成交页", "role": "完全小白", "difficulty": "客户交付", "goal": "做作品展示", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「报价页」，目标用户是「完全小白」，场景是「导航站：小红书高客单成交页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 深色模式\n- 资料分类\n- FAQ\n- 购买说明\n- 使用步骤\n- 产品截图区\n- 价格方案", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 24, "category": "导航站", "title": "上班族日报工具页", "role": "培训老师", "difficulty": "客户交付", "goal": "整理知识", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「SOP 导航页」，目标用户是「培训老师」，场景是「导航站：上班族日报工具页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 移动端适配\n- 售后边界\n- 案例展示\n- 使用步骤\n- 联系方式\n- 深色模式\n- 适合人群", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 25, "category": "课程页", "title": "课程介绍页从 0 搭建", "role": "小红书博主", "difficulty": "可售卖", "goal": "做工具导航", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「资料库网站」，目标用户是「小红书博主」，场景是「课程页：课程介绍页从 0 搭建」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 购买说明\n- 案例展示\n- FAQ\n- 搜索筛选\n- 更新日志\n- 交付说明\n- 价格方案", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 26, "category": "课程页", "title": "小红书高客单成交页", "role": "企业团队", "difficulty": "可售卖", "goal": "做企业介绍页", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「产品展示页」，目标用户是「企业团队」，场景是「课程页：小红书高客单成交页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- FAQ\n- 适合人群\n- 收藏功能\n- 交付说明\n- 痛点区\n- 客户评价\n- 价格方案", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 27, "category": "课程页", "title": "上班族日报工具页", "role": "自由职业者", "difficulty": "高客单", "goal": "做学习系统", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「报价页」，目标用户是「自由职业者」，场景是「课程页：上班族日报工具页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 移动端适配\n- 交付说明\n- FAQ\n- 复制按钮\n- 购买说明\n- 售后边界\n- 使用步骤", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 28, "category": "课程页", "title": "私域成交话术页", "role": "知识付费博主", "difficulty": "可售卖", "goal": "提高信任感", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「产品展示页」，目标用户是「知识付费博主」，场景是「课程页：私域成交话术页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 联系方式\n- 更新日志\n- 产品截图区\n- 案例展示\n- 客户评价\n- 移动端适配\n- 复制按钮", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 29, "category": "课程页", "title": "FAQ 帮助中心", "role": "销售", "difficulty": "客户交付", "goal": "做售后帮助中心", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「训练营落地页」，目标用户是「销售」，场景是「课程页：FAQ 帮助中心」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 移动端适配\n- 案例展示\n- 痛点区\n- FAQ\n- 联系方式\n- 深色模式\n- 首屏 Hero", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 30, "category": "课程页", "title": "修复手机端太挤", "role": "企业团队", "difficulty": "小白起步", "goal": "卖虚拟产品", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「个人主页」，目标用户是「企业团队」，场景是「课程页：修复手机端太挤」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 使用步骤\n- 更新日志\n- 资料分类\n- 收藏功能\n- 售后边界\n- 深色模式\n- 复制按钮", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 31, "category": "客户交付", "title": "私域成交话术页", "role": "一人公司", "difficulty": "高客单", "goal": "整理知识", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「SOP 导航页」，目标用户是「一人公司」，场景是「客户交付：私域成交话术页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 复制按钮\n- 收藏功能\n- 适合人群\n- 痛点区\n- 资料分类\n- 价格方案\n- 使用步骤", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 32, "category": "客户交付", "title": "FAQ 帮助中心", "role": "家长", "difficulty": "部署前", "goal": "做工具导航", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「作品集网站」，目标用户是「家长」，场景是「客户交付：FAQ 帮助中心」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 产品截图区\n- 价格方案\n- 客户评价\n- 适合人群\n- 痛点区\n- 收藏功能\n- 首屏 Hero", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 33, "category": "客户交付", "title": "修复手机端太挤", "role": "上班族", "difficulty": "小白起步", "goal": "做小红书成交页", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「报价页」，目标用户是「上班族」，场景是「客户交付：修复手机端太挤」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 收藏功能\n- 复制按钮\n- 移动端适配\n- 资料分类\n- 案例展示\n- 购买说明\n- 痛点区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 34, "category": "客户交付", "title": "补齐首页内容", "role": "个人品牌博主", "difficulty": "部署前", "goal": "做服务报价", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「产品展示页」，目标用户是「个人品牌博主」，场景是「客户交付：补齐首页内容」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 联系方式\n- 售后边界\n- FAQ\n- 痛点区\n- 交付说明\n- 案例展示", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 35, "category": "客户交付", "title": "让 WorkBuddy 整理素材", "role": "一人公司", "difficulty": "客户交付", "goal": "做私域转化页", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「下载中心页」，目标用户是「一人公司」，场景是「客户交付：让 WorkBuddy 整理素材」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 资料分类\n- 深色模式\n- 售后边界\n- 复制按钮\n- FAQ\n- 联系方式\n- 案例展示", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 36, "category": "客户交付", "title": "给 Codex 第一条建站指令", "role": "家长", "difficulty": "部署前", "goal": "做服务报价", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「学生学习页」，目标用户是「家长」，场景是「客户交付：给 Codex 第一条建站指令」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 复制按钮\n- 客户评价\n- 搜索筛选\n- 案例展示\n- 交付说明\n- 移动端适配\n- 资料分类", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 37, "category": "小红书成交页", "title": "补齐首页内容", "role": "学生", "difficulty": "高客单", "goal": "展示课程", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「检查清单页」，目标用户是「学生」，场景是「小红书成交页：补齐首页内容」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 复制按钮\n- 使用步骤\n- 产品截图区\n- 移动端适配\n- 资料分类\n- 购买说明\n- 案例展示", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 38, "category": "小红书成交页", "title": "让 WorkBuddy 整理素材", "role": "产品经理", "difficulty": "高客单", "goal": "卖虚拟产品", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「知识库网站」，目标用户是「产品经理」，场景是「小红书成交页：让 WorkBuddy 整理素材」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 适合人群\n- 资料分类\n- 产品截图区\n- 移动端适配\n- FAQ\n- 使用步骤\n- 首屏 Hero", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 39, "category": "小红书成交页", "title": "给 Codex 第一条建站指令", "role": "一人公司", "difficulty": "客户交付", "goal": "做售后帮助中心", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「教师资料页」，目标用户是「一人公司」，场景是「小红书成交页：给 Codex 第一条建站指令」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 资料分类\n- FAQ\n- 购买说明\n- 更新日志\n- 痛点区\n- 功能介绍\n- 联系方式", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 40, "category": "小红书成交页", "title": "把资料包做成产品页", "role": "老师", "difficulty": "客户交付", "goal": "做小红书成交页", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「课程介绍页」，目标用户是「老师」，场景是「小红书成交页：把资料包做成产品页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 更新日志\n- 复制按钮\n- 首屏 Hero\n- FAQ\n- 搜索筛选\n- 功能介绍\n- 适合人群", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 41, "category": "小红书成交页", "title": "做 AI 工具导航站", "role": "小红书博主", "difficulty": "小白起步", "goal": "展示课程", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「简历页」，目标用户是「小红书博主」，场景是「小红书成交页：做 AI 工具导航站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 更新日志\n- 适合人群\n- FAQ\n- 交付说明\n- 案例展示\n- 复制按钮\n- 售后边界", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 42, "category": "小红书成交页", "title": "客户交付页怎么写", "role": "一人公司", "difficulty": "小白起步", "goal": "整理知识", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「小红书资料包页」，目标用户是「一人公司」，场景是「小红书成交页：客户交付页怎么写」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 收藏功能\n- 复制按钮\n- 价格方案\n- 售后边界\n- 搜索筛选\n- 客户评价\n- 交付说明", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 43, "category": "教师网站", "title": "把资料包做成产品页", "role": "一人公司", "difficulty": "小白起步", "goal": "展示个人品牌", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「报价页」，目标用户是「一人公司」，场景是「教师网站：把资料包做成产品页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 收藏功能\n- 售后边界\n- 复制按钮\n- FAQ\n- 交付说明\n- 使用步骤\n- 更新日志", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 44, "category": "教师网站", "title": "做 AI 工具导航站", "role": "设计师", "difficulty": "部署前", "goal": "提高信任感", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「FAQ 页面」，目标用户是「设计师」，场景是「教师网站：做 AI 工具导航站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 客户评价\n- 使用步骤\n- 产品截图区\n- 深色模式\n- 交付说明\n- 功能介绍\n- FAQ", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 45, "category": "教师网站", "title": "客户交付页怎么写", "role": "运营", "difficulty": "客户交付", "goal": "整理知识", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「个人主页」，目标用户是「运营」，场景是「教师网站：客户交付页怎么写」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 资料分类\n- 购买说明\n- 深色模式\n- 产品截图区\n- 交付说明\n- 痛点区\n- 使用步骤", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 46, "category": "教师网站", "title": "老师备课资料站", "role": "完全小白", "difficulty": "客户交付", "goal": "做学习系统", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「简历页」，目标用户是「完全小白」，场景是「教师网站：老师备课资料站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 购买说明\n- 搜索筛选\n- 交付说明\n- 复制按钮\n- 资料分类\n- 适合人群\n- 移动端适配", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 47, "category": "教师网站", "title": "一人公司报价页", "role": "设计师", "difficulty": "小白起步", "goal": "展示个人品牌", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「下载中心页」，目标用户是「设计师」，场景是「教师网站：一人公司报价页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 购买说明\n- 交付说明\n- 售后边界\n- 价格方案\n- 联系方式\n- 痛点区\n- 首屏 Hero", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 48, "category": "教师网站", "title": "服务报价三档展示", "role": "产品经理", "difficulty": "小白起步", "goal": "展示课程", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「客户交付页」，目标用户是「产品经理」，场景是「教师网站：服务报价三档展示」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 更新日志\n- 深色模式\n- 联系方式\n- 客户评价\n- 案例展示\n- 产品截图区\n- 功能介绍", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 49, "category": "上班族工具", "title": "老师备课资料站", "role": "文科生", "difficulty": "客户交付", "goal": "做私域转化页", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「客户交付页」，目标用户是「文科生」，场景是「上班族工具：老师备课资料站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 收藏功能\n- 首屏 Hero\n- 痛点区\n- 客户评价\n- 交付说明\n- 使用步骤\n- 联系方式", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 50, "category": "上班族工具", "title": "一人公司报价页", "role": "培训老师", "difficulty": "小白起步", "goal": "生成客户说明", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「检查清单页」，目标用户是「培训老师」，场景是「上班族工具：一人公司报价页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 产品截图区\n- 收藏功能\n- 搜索筛选\n- 痛点区\n- 交付说明\n- 售后边界\n- 使用步骤", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 51, "category": "上班族工具", "title": "服务报价三档展示", "role": "文科生", "difficulty": "客户交付", "goal": "做服务报价", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「简历页」，目标用户是「文科生」，场景是「上班族工具：服务报价三档展示」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 资料分类\n- 移动端适配\n- 功能介绍\n- 复制按钮\n- 售后边界\n- 更新日志\n- 深色模式", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 52, "category": "上班族工具", "title": "部署前验收清单", "role": "设计师", "difficulty": "可售卖", "goal": "展示个人品牌", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「SOP 导航页」，目标用户是「设计师」，场景是「上班族工具：部署前验收清单」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 功能介绍\n- 首屏 Hero\n- 客户评价\n- 深色模式\n- 案例展示\n- 使用步骤\n- 产品截图区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 53, "category": "上班族工具", "title": "把页面改得高级", "role": "企业团队", "difficulty": "客户交付", "goal": "做企业介绍页", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「客户交付页」，目标用户是「企业团队」，场景是「上班族工具：把页面改得高级」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 复制按钮\n- 交付说明\n- 更新日志\n- 使用步骤\n- FAQ\n- 深色模式\n- 购买说明", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 54, "category": "上班族工具", "title": "写清楚售后边界", "role": "知识付费博主", "difficulty": "部署前", "goal": "做学习系统", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「知识库网站」，目标用户是「知识付费博主」，场景是「上班族工具：写清楚售后边界」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 使用步骤\n- 搜索筛选\n- FAQ\n- 产品截图区\n- 深色模式\n- 交付说明\n- 价格方案", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 55, "category": "一人公司", "title": "部署前验收清单", "role": "家长", "difficulty": "客户交付", "goal": "做服务报价", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「教师资料页」，目标用户是「家长」，场景是「一人公司：部署前验收清单」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 移动端适配\n- 首屏 Hero\n- FAQ\n- 功能介绍\n- 联系方式\n- 交付说明\n- 复制按钮", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 56, "category": "一人公司", "title": "把页面改得高级", "role": "设计师", "difficulty": "可售卖", "goal": "交付资料", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「知识库网站」，目标用户是「设计师」，场景是「一人公司：把页面改得高级」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 售后边界\n- 首屏 Hero\n- 客户评价\n- 产品截图区\n- 复制按钮\n- 更新日志\n- 痛点区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 57, "category": "一人公司", "title": "写清楚售后边界", "role": "企业团队", "difficulty": "部署前", "goal": "做服务报价", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「个人主页」，目标用户是「企业团队」，场景是「一人公司：写清楚售后边界」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 产品截图区\n- 功能介绍\n- 客户评价\n- 使用步骤\n- 购买说明\n- 售后边界", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 58, "category": "一人公司", "title": "让 CodeBuddy 只改按钮", "role": "产品经理", "difficulty": "小白起步", "goal": "做作品展示", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「训练营落地页」，目标用户是「产品经理」，场景是「一人公司：让 CodeBuddy 只改按钮」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 购买说明\n- 收藏功能\n- 移动端适配\n- 客户评价\n- 功能介绍\n- 复制按钮\n- FAQ", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 59, "category": "一人公司", "title": "从一句话做个人主页", "role": "一人公司", "difficulty": "可售卖", "goal": "卖虚拟产品", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「检查清单页」，目标用户是「一人公司」，场景是「一人公司：从一句话做个人主页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 首屏 Hero\n- 收藏功能\n- 购买说明\n- 案例展示\n- 搜索筛选\n- 适合人群\n- 移动端适配", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 60, "category": "一人公司", "title": "给提示词库加搜索", "role": "自由职业者", "difficulty": "高客单", "goal": "做企业介绍页", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「个人主页」，目标用户是「自由职业者」，场景是「一人公司：给提示词库加搜索」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 移动端适配\n- 联系方式\n- 适合人群\n- 功能介绍\n- 客户评价\n- 深色模式\n- 痛点区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 61, "category": "私域成交", "title": "让 CodeBuddy 只改按钮", "role": "完全小白", "difficulty": "部署前", "goal": "做学习系统", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「报价页」，目标用户是「完全小白」，场景是「私域成交：让 CodeBuddy 只改按钮」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 产品截图区\n- 深色模式\n- FAQ\n- 搜索筛选\n- 价格方案\n- 客户评价\n- 售后边界", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 62, "category": "私域成交", "title": "从一句话做个人主页", "role": "完全小白", "difficulty": "小白起步", "goal": "做企业介绍页", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「产品展示页」，目标用户是「完全小白」，场景是「私域成交：从一句话做个人主页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 产品截图区\n- 售后边界\n- 联系方式\n- 复制按钮\n- 痛点区\n- 使用步骤\n- 收藏功能", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 63, "category": "私域成交", "title": "给提示词库加搜索", "role": "设计师", "difficulty": "高客单", "goal": "展示个人品牌", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「产品展示页」，目标用户是「设计师」，场景是「私域成交：给提示词库加搜索」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 功能介绍\n- 产品截图区\n- 移动端适配\n- 首屏 Hero\n- 痛点区\n- 购买说明\n- 收藏功能", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 64, "category": "私域成交", "title": "课程介绍页从 0 搭建", "role": "学生", "difficulty": "可售卖", "goal": "做学习系统", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「SOP 导航页」，目标用户是「学生」，场景是「私域成交：课程介绍页从 0 搭建」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 价格方案\n- 痛点区\n- 收藏功能\n- 功能介绍\n- 联系方式\n- 客户评价\n- 深色模式", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 65, "category": "私域成交", "title": "小红书高客单成交页", "role": "完全小白", "difficulty": "部署前", "goal": "生成客户说明", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「SOP 导航页」，目标用户是「完全小白」，场景是「私域成交：小红书高客单成交页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 首屏 Hero\n- 复制按钮\n- 案例展示\n- 资料分类\n- 客户评价\n- 更新日志\n- 痛点区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 66, "category": "私域成交", "title": "上班族日报工具页", "role": "一人公司", "difficulty": "高客单", "goal": "展示课程", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「报价页」，目标用户是「一人公司」，场景是「私域成交：上班族日报工具页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 资料分类\n- 复制按钮\n- 深色模式\n- 移动端适配\n- FAQ\n- 适合人群\n- 首屏 Hero", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 67, "category": "服务报价", "title": "课程介绍页从 0 搭建", "role": "文科生", "difficulty": "小白起步", "goal": "做服务报价", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「训练营落地页」，目标用户是「文科生」，场景是「服务报价：课程介绍页从 0 搭建」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 案例展示\n- 痛点区\n- 交付说明\n- 联系方式\n- 售后边界\n- 购买说明\n- 资料分类", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 68, "category": "服务报价", "title": "小红书高客单成交页", "role": "自由职业者", "difficulty": "高客单", "goal": "生成客户说明", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「检查清单页」，目标用户是「自由职业者」，场景是「服务报价：小红书高客单成交页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 深色模式\n- 移动端适配\n- 更新日志\n- 痛点区\n- 资料分类\n- 适合人群", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 69, "category": "服务报价", "title": "上班族日报工具页", "role": "学生", "difficulty": "可售卖", "goal": "生成客户说明", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「报价页」，目标用户是「学生」，场景是「服务报价：上班族日报工具页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 联系方式\n- 资料分类\n- 使用步骤\n- 功能介绍\n- 深色模式\n- 更新日志", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 70, "category": "服务报价", "title": "私域成交话术页", "role": "企业团队", "difficulty": "客户交付", "goal": "生成客户说明", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「资料库网站」，目标用户是「企业团队」，场景是「服务报价：私域成交话术页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 更新日志\n- 价格方案\n- 痛点区\n- 交付说明\n- 搜索筛选\n- 联系方式\n- 首屏 Hero", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 71, "category": "服务报价", "title": "FAQ 帮助中心", "role": "课程顾问", "difficulty": "部署前", "goal": "做小红书成交页", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「知识库网站」，目标用户是「课程顾问」，场景是「服务报价：FAQ 帮助中心」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 资料分类\n- 客户评价\n- 收藏功能\n- 产品截图区\n- 交付说明\n- 联系方式\n- 案例展示", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 72, "category": "服务报价", "title": "修复手机端太挤", "role": "运营", "difficulty": "客户交付", "goal": "做小红书成交页", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「AI 工具导航站」，目标用户是「运营」，场景是「服务报价：修复手机端太挤」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 售后边界\n- FAQ\n- 使用步骤\n- 购买说明\n- 深色模式\n- 价格方案\n- 适合人群", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 73, "category": "FAQ", "title": "私域成交话术页", "role": "培训老师", "difficulty": "高客单", "goal": "做售后帮助中心", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「SOP 导航页」，目标用户是「培训老师」，场景是「FAQ：私域成交话术页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 收藏功能\n- 价格方案\n- 首屏 Hero\n- 交付说明\n- 客户评价\n- 售后边界\n- 适合人群", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 74, "category": "FAQ", "title": "FAQ 帮助中心", "role": "上班族", "difficulty": "可售卖", "goal": "交付资料", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「报价页」，目标用户是「上班族」，场景是「FAQ：FAQ 帮助中心」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 售后边界\n- 资料分类\n- 收藏功能\n- 痛点区\n- 购买说明\n- 复制按钮\n- 使用步骤", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 75, "category": "FAQ", "title": "修复手机端太挤", "role": "课程顾问", "difficulty": "客户交付", "goal": "做学习系统", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「服务介绍页」，目标用户是「课程顾问」，场景是「FAQ：修复手机端太挤」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 深色模式\n- 痛点区\n- 资料分类\n- 使用步骤\n- 收藏功能\n- 功能介绍", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 76, "category": "FAQ", "title": "补齐首页内容", "role": "个人品牌博主", "difficulty": "可售卖", "goal": "做作品展示", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「SOP 导航页」，目标用户是「个人品牌博主」，场景是「FAQ：补齐首页内容」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 案例展示\n- 移动端适配\n- 资料分类\n- 痛点区\n- 价格方案\n- 更新日志\n- 搜索筛选", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 77, "category": "FAQ", "title": "让 WorkBuddy 整理素材", "role": "文科生", "difficulty": "部署前", "goal": "做学习系统", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「小红书资料包页」，目标用户是「文科生」，场景是「FAQ：让 WorkBuddy 整理素材」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 首屏 Hero\n- 产品截图区\n- 功能介绍\n- 价格方案\n- 售后边界\n- FAQ", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 78, "category": "FAQ", "title": "给 Codex 第一条建站指令", "role": "老师", "difficulty": "高客单", "goal": "做私域转化页", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「私域成交页」，目标用户是「老师」，场景是「FAQ：给 Codex 第一条建站指令」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 购买说明\n- 联系方式\n- 资料分类\n- 功能介绍\n- 价格方案\n- 案例展示", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 79, "category": "部署前检查", "title": "补齐首页内容", "role": "自由职业者", "difficulty": "高客单", "goal": "做作品展示", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「知识库网站」，目标用户是「自由职业者」，场景是「部署前检查：补齐首页内容」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 资料分类\n- 购买说明\n- 深色模式\n- 联系方式\n- 痛点区\n- 首屏 Hero\n- 搜索筛选", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 80, "category": "部署前检查", "title": "让 WorkBuddy 整理素材", "role": "文科生", "difficulty": "高客单", "goal": "做私域转化页", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「客户交付页」，目标用户是「文科生」，场景是「部署前检查：让 WorkBuddy 整理素材」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 交付说明\n- 首屏 Hero\n- 适合人群\n- 移动端适配\n- 客户评价\n- 售后边界\n- 联系方式", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 81, "category": "部署前检查", "title": "给 Codex 第一条建站指令", "role": "知识付费博主", "difficulty": "部署前", "goal": "展示课程", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「作品集网站」，目标用户是「知识付费博主」，场景是「部署前检查：给 Codex 第一条建站指令」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 使用步骤\n- 移动端适配\n- 案例展示\n- 复制按钮\n- 产品截图区\n- 首屏 Hero\n- 购买说明", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 82, "category": "部署前检查", "title": "把资料包做成产品页", "role": "培训老师", "difficulty": "小白起步", "goal": "整理知识", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「检查清单页」，目标用户是「培训老师」，场景是「部署前检查：把资料包做成产品页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 价格方案\n- 移动端适配\n- 搜索筛选\n- 产品截图区\n- 复制按钮\n- FAQ\n- 交付说明", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 83, "category": "部署前检查", "title": "做 AI 工具导航站", "role": "运营", "difficulty": "小白起步", "goal": "做作品展示", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「私域成交页」，目标用户是「运营」，场景是「部署前检查：做 AI 工具导航站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 首屏 Hero\n- FAQ\n- 复制按钮\n- 适合人群\n- 深色模式\n- 产品截图区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 84, "category": "部署前检查", "title": "客户交付页怎么写", "role": "课程顾问", "difficulty": "部署前", "goal": "做服务报价", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「简历页」，目标用户是「课程顾问」，场景是「部署前检查：客户交付页怎么写」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 移动端适配\n- 痛点区\n- FAQ\n- 资料分类\n- 客户评价\n- 搜索筛选\n- 价格方案", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 85, "category": "移动端优化", "title": "把资料包做成产品页", "role": "学生", "difficulty": "部署前", "goal": "展示个人品牌", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「资料库网站」，目标用户是「学生」，场景是「移动端优化：把资料包做成产品页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 更新日志\n- 交付说明\n- 案例展示\n- 复制按钮\n- 首屏 Hero\n- 适合人群\n- 客户评价", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 86, "category": "移动端优化", "title": "做 AI 工具导航站", "role": "企业团队", "difficulty": "高客单", "goal": "做学习系统", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「服务介绍页」，目标用户是「企业团队」，场景是「移动端优化：做 AI 工具导航站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 售后边界\n- 深色模式\n- 痛点区\n- 联系方式\n- 使用步骤\n- 收藏功能", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 87, "category": "移动端优化", "title": "客户交付页怎么写", "role": "学生", "difficulty": "客户交付", "goal": "做私域转化页", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「知识库网站」，目标用户是「学生」，场景是「移动端优化：客户交付页怎么写」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 更新日志\n- 售后边界\n- 移动端适配\n- 客户评价\n- 案例展示\n- 功能介绍\n- 痛点区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 88, "category": "移动端优化", "title": "老师备课资料站", "role": "运营", "difficulty": "部署前", "goal": "做工具导航", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「SOP 导航页」，目标用户是「运营」，场景是「移动端优化：老师备课资料站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 售后边界\n- 复制按钮\n- 搜索筛选\n- 购买说明\n- 联系方式\n- FAQ\n- 交付说明", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 89, "category": "移动端优化", "title": "一人公司报价页", "role": "文科生", "difficulty": "部署前", "goal": "展示个人品牌", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「作品集网站」，目标用户是「文科生」，场景是「移动端优化：一人公司报价页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 使用步骤\n- 功能介绍\n- 复制按钮\n- 产品截图区\n- 售后边界\n- 收藏功能\n- 痛点区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 90, "category": "移动端优化", "title": "服务报价三档展示", "role": "自由职业者", "difficulty": "部署前", "goal": "整理知识", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「教师资料页」，目标用户是「自由职业者」，场景是「移动端优化：服务报价三档展示」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 痛点区\n- 产品截图区\n- 更新日志\n- FAQ\n- 案例展示\n- 收藏功能", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 91, "category": "审美升级", "title": "老师备课资料站", "role": "设计师", "difficulty": "高客单", "goal": "做服务报价", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「案例展示页」，目标用户是「设计师」，场景是「审美升级：老师备课资料站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 交付说明\n- 痛点区\n- 购买说明\n- 使用步骤\n- 案例展示\n- FAQ\n- 客户评价", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 92, "category": "审美升级", "title": "一人公司报价页", "role": "上班族", "difficulty": "客户交付", "goal": "做工具导航", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「服务介绍页」，目标用户是「上班族」，场景是「审美升级：一人公司报价页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 更新日志\n- 使用步骤\n- 价格方案\n- 首屏 Hero\n- 收藏功能\n- 资料分类\n- 痛点区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 93, "category": "审美升级", "title": "服务报价三档展示", "role": "企业团队", "difficulty": "客户交付", "goal": "做售后帮助中心", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「资料库网站」，目标用户是「企业团队」，场景是「审美升级：服务报价三档展示」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 案例展示\n- 购买说明\n- 收藏功能\n- 交付说明\n- 适合人群\n- 客户评价\n- 价格方案", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 94, "category": "审美升级", "title": "部署前验收清单", "role": "小红书博主", "difficulty": "可售卖", "goal": "做售后帮助中心", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「训练营落地页」，目标用户是「小红书博主」，场景是「审美升级：部署前验收清单」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 资料分类\n- 购买说明\n- 客户评价\n- 复制按钮\n- 价格方案\n- 功能介绍\n- 案例展示", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 95, "category": "审美升级", "title": "把页面改得高级", "role": "课程顾问", "difficulty": "高客单", "goal": "收集客户线索", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「教师资料页」，目标用户是「课程顾问」，场景是「审美升级：把页面改得高级」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 深色模式\n- FAQ\n- 案例展示\n- 联系方式\n- 适合人群\n- 收藏功能\n- 搜索筛选", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 96, "category": "审美升级", "title": "写清楚售后边界", "role": "自由职业者", "difficulty": "可售卖", "goal": "做小红书成交页", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「AI 工具导航站」，目标用户是「自由职业者」，场景是「审美升级：写清楚售后边界」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 产品截图区\n- 适合人群\n- 搜索筛选\n- 功能介绍\n- 移动端适配\n- 复制按钮\n- 购买说明", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 97, "category": "内容补全", "title": "部署前验收清单", "role": "文科生", "difficulty": "可售卖", "goal": "做工具导航", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「服务介绍页」，目标用户是「文科生」，场景是「内容补全：部署前验收清单」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 适合人群\n- 功能介绍\n- 交付说明\n- 购买说明\n- 售后边界\n- 收藏功能", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 98, "category": "内容补全", "title": "把页面改得高级", "role": "产品经理", "difficulty": "高客单", "goal": "做小红书成交页", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「客户交付页」，目标用户是「产品经理」，场景是「内容补全：把页面改得高级」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 交付说明\n- 深色模式\n- 功能介绍\n- 痛点区\n- 移动端适配\n- 案例展示\n- 复制按钮", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 99, "category": "内容补全", "title": "写清楚售后边界", "role": "文科生", "difficulty": "客户交付", "goal": "做作品展示", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「产品展示页」，目标用户是「文科生」，场景是「内容补全：写清楚售后边界」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 使用步骤\n- 复制按钮\n- 功能介绍\n- 购买说明\n- 产品截图区\n- 价格方案\n- 客户评价", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 100, "category": "内容补全", "title": "让 CodeBuddy 只改按钮", "role": "个人品牌博主", "difficulty": "小白起步", "goal": "做企业介绍页", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「小红书资料包页」，目标用户是「个人品牌博主」，场景是「内容补全：让 CodeBuddy 只改按钮」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 联系方式\n- 痛点区\n- 收藏功能\n- 移动端适配\n- 功能介绍\n- 案例展示", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 101, "category": "内容补全", "title": "从一句话做个人主页", "role": "文科生", "difficulty": "可售卖", "goal": "做学习系统", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「产品展示页」，目标用户是「文科生」，场景是「内容补全：从一句话做个人主页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 复制按钮\n- FAQ\n- 搜索筛选\n- 联系方式\n- 资料分类\n- 功能介绍\n- 客户评价", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 102, "category": "内容补全", "title": "给提示词库加搜索", "role": "家长", "difficulty": "客户交付", "goal": "整理知识", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「检查清单页」，目标用户是「家长」，场景是「内容补全：给提示词库加搜索」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 功能介绍\n- 适合人群\n- 复制按钮\n- 更新日志\n- 产品截图区\n- FAQ\n- 联系方式", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 103, "category": "售后边界", "title": "让 CodeBuddy 只改按钮", "role": "完全小白", "difficulty": "可售卖", "goal": "收集客户线索", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「案例展示页」，目标用户是「完全小白」，场景是「售后边界：让 CodeBuddy 只改按钮」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 痛点区\n- 使用步骤\n- 联系方式\n- 适合人群\n- 功能介绍\n- 收藏功能\n- 交付说明", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 104, "category": "售后边界", "title": "从一句话做个人主页", "role": "文科生", "difficulty": "可售卖", "goal": "收集客户线索", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「个人主页」，目标用户是「文科生」，场景是「售后边界：从一句话做个人主页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 深色模式\n- 价格方案\n- 复制按钮\n- 首屏 Hero\n- 使用步骤\n- 联系方式\n- FAQ", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 105, "category": "售后边界", "title": "给提示词库加搜索", "role": "设计师", "difficulty": "可售卖", "goal": "做工具导航", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「课程介绍页」，目标用户是「设计师」，场景是「售后边界：给提示词库加搜索」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 适合人群\n- 案例展示\n- 售后边界\n- 价格方案\n- 复制按钮\n- 客户评价\n- 交付说明", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 106, "category": "售后边界", "title": "课程介绍页从 0 搭建", "role": "老师", "difficulty": "客户交付", "goal": "做小红书成交页", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「小红书资料包页」，目标用户是「老师」，场景是「售后边界：课程介绍页从 0 搭建」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 联系方式\n- 交付说明\n- 适合人群\n- 首屏 Hero\n- 移动端适配\n- 案例展示\n- FAQ", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 107, "category": "售后边界", "title": "小红书高客单成交页", "role": "培训老师", "difficulty": "部署前", "goal": "展示个人品牌", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「检查清单页」，目标用户是「培训老师」，场景是「售后边界：小红书高客单成交页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 复制按钮\n- 购买说明\n- 更新日志\n- 深色模式\n- 使用步骤\n- 收藏功能\n- 首屏 Hero", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 108, "category": "售后边界", "title": "上班族日报工具页", "role": "完全小白", "difficulty": "部署前", "goal": "做私域转化页", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「私域成交页」，目标用户是「完全小白」，场景是「售后边界：上班族日报工具页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 产品截图区\n- 功能介绍\n- 使用步骤\n- 收藏功能\n- 复制按钮\n- FAQ\n- 客户评价", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 109, "category": "WorkBuddy 辅助", "title": "课程介绍页从 0 搭建", "role": "上班族", "difficulty": "部署前", "goal": "整理知识", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「检查清单页」，目标用户是「上班族」，场景是「WorkBuddy 辅助：课程介绍页从 0 搭建」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 产品截图区\n- 交付说明\n- 价格方案\n- 移动端适配\n- 复制按钮\n- 适合人群\n- 购买说明", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 110, "category": "WorkBuddy 辅助", "title": "小红书高客单成交页", "role": "个人品牌博主", "difficulty": "部署前", "goal": "做售后帮助中心", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「产品展示页」，目标用户是「个人品牌博主」，场景是「WorkBuddy 辅助：小红书高客单成交页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 深色模式\n- 更新日志\n- 联系方式\n- 搜索筛选\n- 收藏功能\n- FAQ\n- 首屏 Hero", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 111, "category": "WorkBuddy 辅助", "title": "上班族日报工具页", "role": "课程顾问", "difficulty": "可售卖", "goal": "做私域转化页", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「作品集网站」，目标用户是「课程顾问」，场景是「WorkBuddy 辅助：上班族日报工具页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- 价格方案\n- 客户评价\n- 交付说明\n- 收藏功能\n- 更新日志\n- 复制按钮", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 112, "category": "WorkBuddy 辅助", "title": "私域成交话术页", "role": "培训老师", "difficulty": "小白起步", "goal": "做工具导航", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「报价页」，目标用户是「培训老师」，场景是「WorkBuddy 辅助：私域成交话术页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 案例展示\n- 更新日志\n- FAQ\n- 收藏功能\n- 交付说明\n- 售后边界\n- 资料分类", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 113, "category": "WorkBuddy 辅助", "title": "FAQ 帮助中心", "role": "自由职业者", "difficulty": "客户交付", "goal": "做小红书成交页", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「简历页」，目标用户是「自由职业者」，场景是「WorkBuddy 辅助：FAQ 帮助中心」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 首屏 Hero\n- 售后边界\n- 适合人群\n- 收藏功能\n- 移动端适配\n- FAQ\n- 交付说明", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 114, "category": "WorkBuddy 辅助", "title": "修复手机端太挤", "role": "销售", "difficulty": "部署前", "goal": "收集客户线索", "bad": "直接让 AI 做个网站，没给目标用户和模块。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「AI 工具导航站」，目标用户是「销售」，场景是「WorkBuddy 辅助：修复手机端太挤」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 购买说明\n- 收藏功能\n- 价格方案\n- 交付说明\n- 资料分类\n- 移动端适配\n- 使用步骤", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 115, "category": "CodeBuddy 修改", "title": "私域成交话术页", "role": "运营", "difficulty": "可售卖", "goal": "生成客户说明", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「检查清单页」，目标用户是「运营」，场景是「CodeBuddy 修改：私域成交话术页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 更新日志\n- 案例展示\n- 深色模式\n- 复制按钮\n- 联系方式\n- 功能介绍\n- 使用步骤", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 116, "category": "CodeBuddy 修改", "title": "FAQ 帮助中心", "role": "文科生", "difficulty": "小白起步", "goal": "展示个人品牌", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「案例展示页」，目标用户是「文科生」，场景是「CodeBuddy 修改：FAQ 帮助中心」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 搜索筛选\n- FAQ\n- 客户评价\n- 功能介绍\n- 收藏功能\n- 深色模式\n- 痛点区", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 117, "category": "CodeBuddy 修改", "title": "修复手机端太挤", "role": "小红书博主", "difficulty": "客户交付", "goal": "交付资料", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「产品展示页」，目标用户是「小红书博主」，场景是「CodeBuddy 修改：修复手机端太挤」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 售后边界\n- 适合人群\n- 复制按钮\n- 痛点区\n- 首屏 Hero\n- 资料分类\n- 价格方案", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 118, "category": "CodeBuddy 修改", "title": "补齐首页内容", "role": "文科生", "difficulty": "部署前", "goal": "做私域转化页", "bad": "没有准备内容，导致页面空。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「AI 工具导航站」，目标用户是「文科生」，场景是「CodeBuddy 修改：补齐首页内容」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 客户评价\n- 首屏 Hero\n- 价格方案\n- 案例展示\n- 复制按钮\n- 售后边界\n- 使用步骤", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 119, "category": "CodeBuddy 修改", "title": "让 WorkBuddy 整理素材", "role": "老师", "difficulty": "客户交付", "goal": "做私域转化页", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「学生学习页」，目标用户是「老师」，场景是「CodeBuddy 修改：让 WorkBuddy 整理素材」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 首屏 Hero\n- 案例展示\n- 产品截图区\n- 搜索筛选\n- 复制按钮\n- 客户评价\n- 收藏功能", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 120, "category": "CodeBuddy 修改", "title": "给 Codex 第一条建站指令", "role": "自由职业者", "difficulty": "可售卖", "goal": "做工具导航", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「小红书资料包页」，目标用户是「自由职业者」，场景是「CodeBuddy 修改：给 Codex 第一条建站指令」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 客户评价\n- 适合人群\n- 购买说明\n- 联系方式\n- 痛点区\n- 价格方案\n- 收藏功能", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 121, "category": "Codex 建站指令", "title": "补齐首页内容", "role": "小红书博主", "difficulty": "部署前", "goal": "整理知识", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「服务介绍页」，目标用户是「小红书博主」，场景是「Codex 建站指令：补齐首页内容」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 适合人群\n- 使用步骤\n- 移动端适配\n- 收藏功能\n- 痛点区\n- 资料分类\n- 深色模式", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 122, "category": "Codex 建站指令", "title": "让 WorkBuddy 整理素材", "role": "文科生", "difficulty": "高客单", "goal": "做学习系统", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「作品集网站」，目标用户是「文科生」，场景是「Codex 建站指令：让 WorkBuddy 整理素材」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 适合人群\n- 痛点区\n- 首屏 Hero\n- 价格方案\n- 搜索筛选\n- 售后边界\n- 客户评价", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 123, "category": "Codex 建站指令", "title": "给 Codex 第一条建站指令", "role": "企业团队", "difficulty": "小白起步", "goal": "交付资料", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「小红书资料包页」，目标用户是「企业团队」，场景是「Codex 建站指令：给 Codex 第一条建站指令」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 收藏功能\n- 购买说明\n- 交付说明\n- 联系方式\n- 售后边界\n- 深色模式\n- 资料分类", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 124, "category": "Codex 建站指令", "title": "把资料包做成产品页", "role": "课程顾问", "difficulty": "小白起步", "goal": "做私域转化页", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「AI 工具导航站」，目标用户是「课程顾问」，场景是「Codex 建站指令：把资料包做成产品页」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 使用步骤\n- 移动端适配\n- 痛点区\n- 客户评价\n- 购买说明\n- 功能介绍\n- 搜索筛选", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 125, "category": "Codex 建站指令", "title": "做 AI 工具导航站", "role": "产品经理", "difficulty": "部署前", "goal": "做服务报价", "bad": "只说页面高级一点，没有验收标准。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「私域成交页」，目标用户是「产品经理」，场景是「Codex 建站指令：做 AI 工具导航站」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- FAQ\n- 复制按钮\n- 收藏功能\n- 移动端适配\n- 资料分类\n- 价格方案\n- 售后边界", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}, {"id": 126, "category": "Codex 建站指令", "title": "客户交付页怎么写", "role": "产品经理", "difficulty": "可售卖", "goal": "提高信任感", "bad": "一开始就追求复杂登录和支付。", "prompt": "你是一位资深 AI 建站教练和前端产品经理。我要做一个「服务介绍页」，目标用户是「产品经理」，场景是「Codex 建站指令：客户交付页怎么写」。请生成一个单文件 HTML 网站方案，包含：首屏标题、副标题、页面模块、内容清单、移动端适配要求、按钮交互、FAQ、客户交付说明和验收标准。不要连接后端，不使用外部依赖，页面要高级、清晰、适合中国小白用户。", "structure": "- 交付说明\n- FAQ\n- 移动端适配\n- 购买说明\n- 功能介绍\n- 痛点区\n- 案例展示", "acceptance": "网站能本地打开；移动端不溢出；首屏有吸引力；按钮有反馈；客户能理解下一步。", "next": "请先生成第一版 HTML，不要引入外部依赖；完成后再让我继续优化审美和移动端。"}], "case_categories": ["个人主页", "产品页", "资料库", "导航站", "课程页", "客户交付", "小红书成交页", "教师网站", "上班族工具", "一人公司", "私域成交", "服务报价", "FAQ", "部署前检查", "移动端优化", "审美升级", "内容补全", "售后边界", "WorkBuddy 辅助", "CodeBuddy 修改", "Codex 建站指令"]};
const $=(q,r=document)=>r.querySelector(q), $$=(q,r=document)=>[...r.querySelectorAll(q)];
const toast=(m='已复制')=>{const t=$('#toast');t.textContent=m;t.classList.add('show');setTimeout(()=>t.classList.remove('show'),1500)};
const esc=s=>String(s??'').replace(/[&<>"']/g,m=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]));
const attr=s=>esc(s).replace(/\n/g,' ');
const copyText=async(t)=>{try{await navigator.clipboard.writeText(t);toast('已复制到剪贴板')}catch(e){toast('复制失败，请手动复制')}};
const codeBlock=c=>`<div class="codebar"><pre>${esc(c)}</pre><button class="copy-btn" data-copy="${attr(c)}">复制</button></div>`;
function renderRoutes(){ $('#routeGrid').innerHTML=DATA.routes.map((r,i)=>`<div class="card route-card ${i===0?'active':''}" data-route="${i}"><h3>${esc(r[0])}</h3><p>${esc(r[1])}</p></div>`).join(''); $$('.route-card').forEach(c=>c.onclick=()=>{$$('.route-card').forEach(x=>x.classList.remove('active'));c.classList.add('active');renderRoute(+c.dataset.route)}); renderRoute(0)}
function renderRoute(i){const r=DATA.routes[i], p=`你是一位资深 AI 建站教练和前端产品经理。我想做「${r[0]}」。请基于这个方向，为中国小白用户生成一个单文件 HTML 网站方案，包含页面结构、内容清单、模块顺序、移动端适配、验收标准、客户交付说明和下一步迭代建议。不要连接后端，不使用外部依赖，页面要高级、清晰、能本地打开。`; $('#routeResult').innerHTML=`<h3>${esc(r[0])}｜推荐路线</h3><p>${esc(r[3])}</p><div class="step-list">${r[2].map((x,j)=>`<div class="step"><span class="num">${j+1}</span><div><strong>${esc(x)}</strong><small>先准备这一项，再让 Codex 写页面。</small></div></div>`).join('')}</div><h3>第一条 Codex 指令</h3>${codeBlock(p)}`}
function renderGenerator(){ const fields=[['genTool','工具对象',DATA.tools],['genRole','用户身份',DATA.user_roles],['genType','网站类型',DATA.website_types],['genGoal','建站目标',DATA.site_goals],['genModule','核心模块',DATA.modules],['genStyle','审美风格',DATA.styles],['genFormat','输出格式',DATA.output_formats],['genBoundary','操作边界',DATA.boundaries]]; $('#generatorForm').innerHTML=fields.map(f=>`<label class="field"><span>${f[1]}</span><select class="select" id="${f[0]}">${f[2].map(v=>`<option>${esc(v)}</option>`).join('')}</select></label>`).join('')}
function buildPrompt(){const v=id=>$('#'+id).value; return `你是一位资深 AI 建站教练、前端设计师和产品经理。请使用「${v('genTool')}」帮我从 0 做一个网站。\n\n用户背景：\n我是「${v('genRole')}」，不希望学习复杂代码，想先做一个能打开、能展示、能交付的网站。\n\n网站方向：\n网站类型是「${v('genType')}」，建站目标是「${v('genGoal')}」。页面至少要包含「${v('genModule')}」模块。\n\n审美要求：\n整体参考「${v('genStyle')}」，页面要高级、清晰、适合中国用户，移动端必须舒服，适合截图发小红书。\n\n操作边界：\n${v('genBoundary')}。不要连接后端，不使用外部依赖，不使用复杂框架，不要写空话，不要只给框架。\n\n输出要求：\n请按「${v('genFormat')}」输出，并额外包含：网站定位、目标用户、首页结构、每个模块该写什么、第一版最小可行页面、移动端验收标准、部署/本地打开建议、客户交付说明、下一步迭代建议。`}
function generatePrompt(){const text=buildPrompt(); $('#promptResult').innerHTML=`<h3>完整建站指令</h3>${codeBlock(text)}<div class="notice"><strong>为什么这样写：</strong>这条指令同时说明身份、网站类型、目标、模块、审美、边界和输出格式，能避免 Codex 生成空泛页面。</div>`; localStorage.setItem('last_site_prompt',text)}
function runDiagnose(){const purpose=$('#diagPurpose').value,user=$('#diagUser').value,copy=$('#diagCopy').value,search=$('#diagSearch').value,local=$('#diagLocal').value,deliver=$('#diagDeliver').value; let result='先做单文件 HTML 起步', reason='先让页面能打开，再考虑部署和域名。', type='检查清单页'; if(purpose==='展示自己'){result='个人主页优先';type='个人主页';reason='你需要先建立信任，而不是堆功能。'} if(purpose==='卖产品'){result='产品落地页优先';type='产品展示页';reason='成交页需要先讲清痛点、结果、功能和价格。'} if(purpose==='交付资料'){result='客户交付页优先';type='客户交付页';reason='客户需要知道打开什么、怎么用、出问题怎么反馈。'} if(purpose==='做课程'){result='课程页面优先';type='课程介绍页';reason='课程页重点是适合人群、大纲、成果和报名方式。'} if(purpose==='做工具导航'){result='工具导航站优先';type='AI 工具导航站';reason='导航站需要分类、搜索、标签和推荐理由。'} if(search==='需要'){result='资料库/知识库优先';type='资料库网站';reason+=' 你还需要搜索筛选，所以结构要数据化。'} if(copy==='几乎没有') reason+=' 但你现在内容不足，建议先补首页文案和模块清单。'; const p=`我想做一个「${type}」，目标用户是「${user}」，建站目的是「${purpose}」。当前文案情况：${copy}；搜索筛选需求：${search}；打开方式：${local}；是否客户交付：${deliver}。请帮我生成第一版单文件 HTML 网站方案，包含：页面结构、每个模块该写什么、我需要准备的资料、第一版 Codex 指令、验收标准和下一步迭代。`; $('#diagResult').innerHTML=`<h3>${result}</h3><p><strong>推荐理由：</strong>${reason}</p><p><strong>建议网站类型：</strong>${type}</p><h3>可复制给 Codex 的第一条指令</h3>${codeBlock(p)}`}
function renderChecklist(){ $('#contentChecklist').innerHTML=DATA.content_checklist.map((x,i)=>`<label class="check-item"><input type="checkbox" data-content="${i}"><span>${esc(x)}</span></label>`).join(''); $$('#contentChecklist input').forEach(i=>i.onchange=updateContent); updateContent()}
function updateContent(){const checked=$$('#contentChecklist input:checked').length,total=DATA.content_checklist.length,pct=Math.round(checked/total*100); $('#contentPercent').textContent=pct+'%';$('#contentBar').style.width=pct+'%'; let s='还没开始',a='先勾选已经准备好的资料，系统会判断能不能让 Codex 开始写页面。'; if(pct>0&&pct<40){s='先别写代码';a='内容太少，Codex 很容易生成空页面。先补网站名称、定位、用户、痛点和功能。'} if(pct>=40&&pct<70){s='可以生成第一版';a='可以让 Codex 先做单文件 HTML，但不要急着部署。'} if(pct>=70&&pct<90){s='可以做产品级页面';a='内容比较完整，可以加入审美、移动端、FAQ、交付说明。'} if(pct>=90){s='准备部署和交付';a='内容准备充分，可以做部署、域名、客户交付和售后边界。'} $('#contentStatus').textContent=s;$('#contentAdvice').textContent=a}
function renderTemplateFilters(){ $('#templateCat').innerHTML='<option value="all">全部分类</option>'+DATA.template_categories.map(c=>`<option>${esc(c)}</option>`).join('')}
function renderTemplates(){const q=($('#templateSearch').value||'').toLowerCase(),cat=$('#templateCat').value,favOnly=$('#templateFav').value==='fav',favs=JSON.parse(localStorage.getItem('site_template_favs')||'[]'); const arr=DATA.templates.filter(t=>{const text=(t.title+t.category+t.fit+t.structure+t.prompt).toLowerCase();return(!q||text.includes(q))&&(cat==='all'||t.category===cat)&&(!favOnly||favs.includes(t.id))}); $('#templateGrid').innerHTML=arr.map(t=>`<div class="item-card"><div><span class="pill">${esc(t.category)}</span><span class="pill">${esc(t.fit)}</span></div><h3>${esc(t.title)}</h3><p><strong>结构：</strong></p>${codeBlock(t.structure)}<p><strong>扩展功能：</strong>${t.extend.map(x=>`<span class="tag">${esc(x)}</span>`).join('')}</p><p><strong>验收：</strong>${esc(t.acceptance)}</p><div class="item-actions"><button class="fav-btn" data-tplfav="${t.id}">${favs.includes(t.id)?'★ 已收藏':'☆ 收藏'}</button><button class="copy-btn" data-copy="${attr(t.prompt)}">复制建站指令</button></div></div>`).join('')}
function renderIssueFilters(){ $('#issueCat').innerHTML='<option value="all">全部分类</option>'+DATA.issue_categories.map(c=>`<option>${esc(c)}</option>`).join('')}
function renderIssues(){const q=($('#issueSearch').value||'').toLowerCase(),cat=$('#issueCat').value,favOnly=$('#issueFav').value==='fav',favs=JSON.parse(localStorage.getItem('site_issue_favs')||'[]'); const arr=DATA.issues.filter(i=>{const text=(i.name+i.category+i.symptom+i.cause+i.fix+i.prompt).toLowerCase();return(!q||text.includes(q))&&(cat==='all'||i.category===cat)&&(!favOnly||favs.includes(i.id))}); $('#issueGrid').innerHTML=arr.map(i=>`<div class="item-card"><span class="pill">${esc(i.category)}</span><h3>${esc(i.name)}</h3><p><strong>表现：</strong>${esc(i.symptom)}</p><p><strong>可能原因：</strong>${esc(i.cause)}</p><p><strong>修复策略：</strong>${esc(i.fix)}</p><div class="item-actions"><button class="fav-btn" data-issuefav="${i.id}">${favs.includes(i.id)?'★ 已收藏':'☆ 收藏'}</button><button class="copy-btn" data-copy="${attr(i.prompt)}">复制修复指令</button></div></div>`).join('')}
function renderWorkbuddy(){ $('#workbuddyGrid').innerHTML=DATA.workbuddy.map(w=>`<div class="item-card"><span class="pill">WorkBuddy</span><h3>${esc(w.title)}</h3><p>${esc(w.prompt)}</p><button class="btn" data-copy="${attr(w.prompt)}">复制指令</button></div>`).join('')}
function renderCaseFilters(){ $('#caseCat').innerHTML='<option value="all">全部分类</option>'+DATA.case_categories.map(c=>`<option>${esc(c)}</option>`).join('')}
function renderCases(){const q=($('#caseSearch').value||'').toLowerCase(),cat=$('#caseCat').value,favOnly=$('#caseFav').value==='fav',favs=JSON.parse(localStorage.getItem('site_case_favs')||'[]'); const arr=DATA.cases.filter(c=>{const text=(c.title+c.category+c.role+c.goal+c.prompt+c.structure+c.bad).toLowerCase();return(!q||text.includes(q))&&(cat==='all'||c.category===cat)&&(!favOnly||favs.includes(c.id))}); $('#caseGrid').innerHTML=arr.map(c=>`<div class="item-card"><div><span class="pill">${esc(c.category)}</span><span class="pill">${esc(c.difficulty)}</span><span class="pill">${esc(c.role)}</span></div><h3>${esc(c.title)}</h3><p><strong>建站目标：</strong>${esc(c.goal)}</p><p><strong>错误做法：</strong>${esc(c.bad)}</p><p><strong>推荐结构：</strong></p>${codeBlock(c.structure)}<p><strong>验收：</strong>${esc(c.acceptance)}</p><p><strong>下一步：</strong>${esc(c.next)}</p><div class="item-actions"><button class="fav-btn" data-casefav="${c.id}">${favs.includes(c.id)?'★ 已收藏':'☆ 收藏'}</button><button class="copy-btn" data-copy="${attr(c.prompt)}">复制案例指令</button></div></div>`).join('')}
function genDelivery(){const name=$('#delName').value.trim()||'你的网站',access=$('#delAccess').value,browser=$('#delBrowser').value.trim()||'Chrome / Edge / Safari',contact=$('#delContact').value.trim()||'联系我并发送截图',mobile=$('#delMobile').value,deploy=$('#delDeploy').value; const text=`${name} 已完成第一版交付。\n\n访问方式：\n${access}\n\n推荐浏览器：\n${browser}\n\n手机端：\n${mobile}\n\n使用建议：\n1. 请先按交付说明打开首页。\n2. 如果是本地文件，请不要删除 index.html、assets、docs 等相关文件。\n3. 如果页面打不开，请把错误截图、电脑/手机型号、浏览器名称发给我。\n4. 如果需要修改内容，请先说明要改哪个模块，不要直接改文件名。\n5. ${deploy==='需要'?'如需部署上线，请先阅读部署说明，再进行平台配置。':'当前版本以本地访问/展示为主，不包含部署服务。'}\n\n售后边界：\n我可以协助排查页面打开、样式显示、移动端和说明文档问题；不代登录、付款、备案、域名绑定，不提供科学上网，不承诺第三方平台永久稳定。`; $('#deliveryResult').innerHTML=`<h3>客户交付说明</h3>${codeBlock(text)}`}
document.addEventListener('click',e=>{const copy=e.target.closest('[data-copy]'); if(copy){copyText(copy.getAttribute('data-copy')); copy.classList.add('done'); setTimeout(()=>copy.classList.remove('done'),900)} const tf=e.target.closest('[data-tplfav]'); if(tf){const id=+tf.dataset.tplfav;let f=JSON.parse(localStorage.getItem('site_template_favs')||'[]');f=f.includes(id)?f.filter(x=>x!==id):[...f,id];localStorage.setItem('site_template_favs',JSON.stringify(f));renderTemplates()} const inf=e.target.closest('[data-issuefav]'); if(inf){const id=+inf.dataset.issuefav;let f=JSON.parse(localStorage.getItem('site_issue_favs')||'[]');f=f.includes(id)?f.filter(x=>x!==id):[...f,id];localStorage.setItem('site_issue_favs',JSON.stringify(f));renderIssues()} const cf=e.target.closest('[data-casefav]'); if(cf){const id=+cf.dataset.casefav;let f=JSON.parse(localStorage.getItem('site_case_favs')||'[]');f=f.includes(id)?f.filter(x=>x!==id):[...f,id];localStorage.setItem('site_case_favs',JSON.stringify(f));renderCases()}});
$('#themeBtn').onclick=()=>{const html=document.documentElement,next=html.dataset.theme==='dark'?'light':'dark';html.dataset.theme=next;$('#themeBtn').textContent=next==='dark'?'浅色':'深色';localStorage.setItem('site_theme',next)}; $('#runDiagnose').onclick=runDiagnose; $('#generatePrompt').onclick=generatePrompt; $('#exportPrompt').onclick=()=>{const text=localStorage.getItem('last_site_prompt')||buildPrompt();const blob=new Blob([text],{type:'text/plain;charset=utf-8'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='codex-site-prompt.txt';a.click();URL.revokeObjectURL(a.href)}; $('#exportChecklist').onclick=()=>{const rows=$$('#contentChecklist input').map((i,idx)=>`${i.checked?'[x]':'[ ]'} ${DATA.content_checklist[idx]}`).join('\n');const blob=new Blob([`Codex 小白建站起步包｜内容准备清单\n\n${rows}\n\n${$('#contentAdvice').textContent}`],{type:'text/plain;charset=utf-8'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='site-content-checklist.txt';a.click();URL.revokeObjectURL(a.href)};
['templateSearch','templateCat','templateFav'].forEach(id=>$('#'+id).addEventListener('input',renderTemplates)); ['issueSearch','issueCat','issueFav'].forEach(id=>$('#'+id).addEventListener('input',renderIssues)); ['caseSearch','caseCat','caseFav'].forEach(id=>$('#'+id).addEventListener('input',renderCases)); $('#genDelivery').onclick=genDelivery; const saved=localStorage.getItem('site_theme'); if(saved){document.documentElement.dataset.theme=saved;$('#themeBtn').textContent=saved==='dark'?'浅色':'深色'} renderRoutes();renderGenerator();renderChecklist();renderTemplateFilters();renderTemplates();renderIssueFilters();renderIssues();renderWorkbuddy();renderCaseFilters();renderCases();
</script></body></html>