小白我要学实用 Agent 教程与工具实测
目录

策展集合 · 策展层级 4

漂亮 localhost 到真实产品检查包

把 localhost（只在你自己电脑上打开的临时网址）到公开网站的工具按阶段排好。

完成结果按八个阶段选择当前需要的一个节点；发布前先完成前五项，发布后再完成后两项，并在 Lab（记录实际操作的练习页）留下证据。

查看本文目录

证据与适用边界

尚未实测。该标记与来源核验状态独立，不代表使用效果。

预计时间
先用 15 分钟定位当前阶段；实际创建、修改和发布另计。
成本边界
Collection（按阶段整理的工具包）只组织公开指南和所有者来源，不代表其中 Skill（交给 Agent 使用的一组规则）已实测，也不表示模型、发布、域名或外部服务免费。
证据状态
官方一手来源已核验
最后核验
2026-07-14
生命周期
当前维护
评分覆盖
0%；综合评分 未计算

1. 写任务说明

先复制“第一个 Codex 网站任务说明”，写清谁会用、唯一动作、页面内容、成功与失败结果，以及本轮不做什么。什么时候不用：已有同样字段且仍与当前网站一致时，不必为了换模板重写。

本节来源

2. 在 Codex 和 Dyad 中只选一个起点

Codex 适合在明确项目文件夹里读取和修改代码；Dyad 的 owner（仓库维护者）把它描述为可在桌面应用里用对话生成并预览本地应用。两者都尚未由本站完成这条任务的同条件实测。什么时候不用：已经有能运行的项目时不必换构建工具；只想修改现有代码时不必为了桌面生成流程改用 Dyad。

本节来源

3. 用 AGENTS.md 写项目长期规则

AGENTS.md 是放在项目里的长期说明文件，告诉 Agent 哪些目录能改、哪些事情禁止、完成后跑什么检查。什么时候不用：只有一次性的页面文案要求时写在本轮任务里，不要把短期要求塞进长期规则。

本节来源

4. 选择一个界面 Skill

Skill（交给 Agent 使用的一组规则）是可替换节点。design-taste-frontend 和 UI UX Pro Max 可以用同一份任务说明做截图对照，但当前没有本站胜负结论；Issue（用户提交的问题或请求）样本只用来提醒安装摩擦。什么时候不用：真实内容、主要动作或页面状态还没做好时，先补功能，不要用更多视觉规则遮住空页面。

本节来源

5. 发布前完成前五项检查

发布前先完成前五项：真实动作、等待和报错状态、手机与键盘操作、隐私与密钥、SEO（让搜索引擎看懂页面的基础设置）。这里不要求公开网址或回退结果，因为网站还没有发布。不要为了检查公开网址而提前发布。什么时候不用：某项与当前网站确实无关时写明“不适用”和理由，不能直接删掉记录。

本节来源

6. 用 Astro 和 Vercel 发布

Astro 是当前网站使用的建站框架，Vercel 是把构建结果发布成 https 网址的平台。先跑项目真实检查，再按 GitHub 与 Vercel 指南发布。什么时候不用：项目使用别的框架或托管平台时，保留同样验收标准，换成对应官方发布指南，不必强行迁移。

本节来源

7. 发布后检查公开访问与回退

发布后再完成后两项：关掉本地服务后检查公开首页和深层链接，再记录如何回到上一版。公开访问和回退是发布后的验收，不是发布前的前置条件。什么时候不用：第一次发布还没有上一版时，先记录本次正常部署和提交，把它作为下一次更新的回退起点。

本节来源

8. 在 Lab 留下证据

Lab 是记录实际操作的练习页。保存任务说明、版本、页面宽度、公开网址、动作结果、报错、时间和费用；没有做过的项目继续标“尚未实测”。什么时候不用：不能跳过；若本轮停止或失败，也要留下失败位置和下一次从哪里继续。

本节来源

内容关系

正向关系

构建生成的反向关系