零基础用 AI Agent 48小时搭建个人作品集网站
非技术背景的设计师通过 Claude Code 编写计划并实现个人作品集网站，集成 AI 对话功能并成功部署上线，数天后更推出了增长设计工具。
agentusecases.ai
Claude CodeGitHubVercelSupabaseOpenAI
收录于 2026-10-31 · 原文发布于 Thu, 29 Oct 2026 09:00:00 GMT
操作步骤
- 1安装 Claude Code 并让其为作品集网站编写 plan.md 计划。
- 2审阅计划并将技术栈调整为纯 HTML/CSS。
- 3使用提示词让 Claude Code 实现网站并进行精细调整。
- 4将代码推送到 GitHub 并部署到 Vercel。
- 5为网站添加 Supabase 数据库、Google 登录及 OpenAI，实现访客可咨询作品的 AI 聊天框。
可复制提示词
我是一个没有编程背景的 [职业，例如：设计师]。请帮我构建一个个人作品集网站来展示 [我的项目或作品]，并包含一个 AI 聊天框，让访客可以询问关于我工作的问题，且只能根据我提供的信息所创建的事实文件进行回答。请用通俗的语言引导我完成每一步，在本地运行它，并在部署或购买域名之前先征求我的同意。
#AI Agent#Claude Code#独立开发#作品集
相关用例
内容由 AI 依据原文翻译整理，细节以原帖为准；版权归原作者。