天度 AI 实战库浏览全部案例 ↗

一天内构建并部署博客聚合网站

一位作者使用 Claude Code,将一份一年前的需求文档转化为在 Netlify 上运行的 Vue 3 网站,该网站能从多个平台获取文章内容。

使用工具Claude Code
具体怎么做
Claude Code无法直接使用作者八页的需求文档原文。因此,作者通过基于浏览器的 Claude 反复调整,将其转化为一个简短且结构清晰的提示词,包含技术栈、功能、数据及设计相关内容。随后,Claude Code 构建了 Vue 3、TypeScript、Tailwind 和 Vite 项目。作者通过标准构建设置将 GitHub 仓库与 Netlify 连接。
做到了什么
该网站在大约8小时内上线了。它包含由JSON驱动的内容、可自定义链接并指向原文的链接、过滤功能、搜索功能以及深色模式。原文并未提供任何关于错误或修复措施的详细信息。
上手要点
原始需求文档作为输入失败,因此花费了预算时间将其改写为简洁的提示词。作者已在 GitHub 仓库中发布了该提示词。

你可以这样试

使用 Claude Code

使用位于 [文档路径] 的需求文档,用 Vue 3 构建一个博客聚合网站,该网站可从 [平台列表或 RSS 源] 获取我的文章,并将它们整合在一个订阅源中展示。先本地运行测试,然后展示结果,最后进行 Netlify 部署。在正式发布或连接任何账户之前请暂停操作,以便我确认无误。