- 01 25 分钟 Claude Code
从想法到规格:让 AI 先追问你
贯穿项目第一步。用 Claude Code 的访谈式提问,把「做一个个人书单网站」这句话变成一页纸规格:用户、场景、页面、数据、验收标准和不做什么。
- 02 30 分钟 Claude CodeAstroCloudflare
选技术栈并搭骨架:第一次提交
为书单项目选定 Astro、Tailwind 和 Cloudflare Workers,让 Claude Code 初始化项目、写好 CLAUDE.md、完成第一次 git 提交并推到 GitHub。
- 03 35 分钟 Claude CodeAstroTailwind CSS
做界面:令牌、组件与截图自查
先定设计令牌再写组件,用假数据做出响应式、支持暗色模式的书单界面,让 Claude Code 自己截图检查,并避开千篇一律的 AI 味审美。
- 04 40 分钟 Claude CodeCloudflareAstro
加后端:Workers、D1 与 AI
用 wrangler 配置 D1 数据库和 AI 绑定,写迁移和 API,让每本书保存后自动生成摘要与标签,并用 wrangler secret 管理管理令牌,而不是写进代码。
- 05 40 分钟 Claude CodeVitestPlaywright
测试与评审:让另一双眼睛挑错
把规格里的验收标准变成 Vitest 单元测试和 Playwright 端到端测试,在真实浏览器里验证行为,再让独立会话或子智能体做代码评审与安全检查。
- 06 45 分钟 Claude CodeCloudflareGitHub Actions
上线:域名、自动部署、回滚与监控
用 wrangler 完成首次部署,绑定自定义域名,用 GitHub Actions 实现推送即部署并给 API Token 最小权限,再备好检查清单、回滚方案与基础监控。