24. 非开发者用 AI 聊天功能搭建个人作品集网站

他们做了什么

设计师 Felix Lee 安装了 Claude Code，让它为一个作品集网站写一份 plan.md。他审阅了这份计划，把技术栈改成了纯 HTML/CSS。然后 Claude Code 实现了网站，他再通过提示词不断打磨。他把网站推送到 GitHub，并部署在 Vercel 上。AI 聊天功能方面，他加入了 Supabase 作为数据库和 Google 登录，并接入了 OpenAI。

结果如何

他说这个带 AI 聊天功能的网站用了 48 小时完成。三天后，他又上线了一款增长设计工具，称已有超过 500 名用户。帖子没有详细说明聊天功能的实际表现。

需要知道

这份指南是在推广他的付费课程。把 API 密钥保存在 .env 文件中，并把它排除在 GitHub 之外；写任何代码之前，始终先要一份计划。

你可以这样尝试

我是一名没有编程背景的 [职业，例如设计师]。帮我做一个展示 [我的项目或作品] 的个人作品集网站，再加一个 AI 聊天框，让访客询问我的作品，它只能根据你根据我提供的信息整理出的一份事实文件来回答。用大白话一步步带我完成，先在本地运行起来，部署或购买域名之前先问我。