hi，大家好，我是seven。一个专注用AI赋能品牌的实践者。
——这是我的第44篇原创内容。
上周，我蓄谋已久的分身（个人网站）sevenbrand.me 终于上线了。
（效果如下：）
从第一个想法冒出来，到网站能被所有人打开，前前后后大概一周。没碰一行代码，全靠跟 AI 用自然语言沟通完成。
这个流程不一定是最好的，但至少我自己跑通了。你看完，可以照着做出一个自己的个人网站。
01.你的数字资产需要一个家
过去这一年多，我做了不少东西。两本书、八个产品、五个开源的 Skill、三个系列的博客文章。
但有一天我发现了一个问题，这些内容散落在各个平台上。书在亚马逊和微信读书，产品各有各的域名，Skill 在 GitHub，文章在公众号。很难让人快速了解我到底做了什么。
我觉得，在 AI 时代，内容只会越来越去中心化。你不能只依赖社交媒体平台来展示自己。你需要一个地方，把你所有的数字资产集中沉淀下来。
个人网站就是这个地方。
你可以按自己想要的形式和概念去设计。你做的 Vibe Coding 产品也好，开源的 Skill 也好，写过的文章也好，全都是你的数字资产，放在自己的网站上，归你所有。
同时它也是最好的自我介绍。甩一个链接出去，比你口述十分钟管用得多。
以前做个人网站门槛很高，你得会代码，或者花钱找人做。但现在 AI 的能力已经完全可以搞定这件事了。
我把整个过程总结成了 6 步。
定概念 → 找参考 → 理素材 → 交设计 → 修细节 → 上线
下面一个个讲。
02.定概念
动手之前，先想清楚一件事，你的网站要放什么，给谁看，用什么概念来串联所有内容。
我一开始只想做个作品集展示。但想了想，如果只是把作品静态地罗列在那里，那跟一个 PDF 有什么区别？
后来我想到了一个概念，「数字分身」。
整个网站的定位不是简单的作品集，而是一个持续同步的数字存在。这个概念帮我理清了很多东西。比如网站上有一个 Agent 对话功能，别人可以直接在上面问我的 AI 分身问题，它会根据我的公开信息来回答。这就是「数字分身」这个概念顺下来很自然会做的事。
你不一定要用同样的概念。但你一定要在动手之前想清楚，你的网站想传递什么。有了这个锚点，后面做什么决定都有方向了。
这一步我没有让Claude直接出方案，而是我把自己所有想放的内容、想要的风格、喜欢的参考网站，全部以碎片的形式扔给了 Claude Code。并跟它说：“我希望你先不要着急动手开始做，而是先跟我明确需求和素材内容，让我们一步步完成”。接下来它就会一步步反问你细节，帮你把一堆模糊的想法变成一份清晰的设计说明。
这个过程就像跟一个设计顾问聊天。你不需要一开始就什么都想好，把碎片给它就行。
03.找参考
这一步太重要了。
做设计最怕凭空想象。你脑子里觉得「我想要高级感」，但什么是高级感？每个人理解都不一样。你自己可能也说不清楚。
我的做法是去两个网站找灵感：awwwards.com 和 siteinspire.com。
这两个网站收录了全球最优秀的网站设计案例。你可以按风格、颜色、行业来筛选，花个半小时翻一翻，找到自己喜欢的方向。
我当时找到了几个让我眼前一亮的。比如 silencio.es 的颜色和动效，wodniack.dev 用极简的平面构成做出的伪 3D 视觉冲击。我的整体色调就定在了黑白灰，追求的感觉就是极简、克制、大量留白，但细节考究。
然后我把这些链接直接甩给 Claude Design，告诉它「我喜欢这个的颜色」「我喜欢那个的排版」。它马上就能 get 到你想要什么方向，然后按照这个感觉来做。
你一定要给到具体的视觉参考，不要只用文字描述。文字描述再精确，AI 也可能理解偏。但你丢一个活生生的网站过去，它瞬间就对上了。
我的思路是，与其花时间去学设计软件，不如花时间去看好的设计。然后将你喜欢的点进行拆分，比如我喜欢这个网站的字体，另一个网站的色彩，并将这些点描述给AI，看得多了，你自然知道自己想要什么。
04.理素材
讲真，整理素材是做个人网站中耗时间的部分。
你需要提前准备好所有想放到网站上的图片、文案和链接。
比如我的网站上有 8 个产品项目，每一个都要准备好标题、一句话介绍、详细描述、外链地址，还有展示用的图片或动效素材。还有 3 个系列的博客文章，每个系列的名字、描述、文章内容。加上 5 个开源 Skill 的名字和 GitHub 链接。
这些东西 AI 帮不了你。因为这是你自己的内容，只有你知道要放什么、怎么描述、怎么排列优先级。
我的做法是把所有的图片和文字内容整理好，统一放到一个文件夹里。然后让 Claude Design 去读这个文件夹的素材来铺内容。它看到了你的素材，就知道每个板块该放什么。
如果你的内容比较多，这一步可能需要花一两天。但这个时间花得值，素材整理得越清晰，后面越顺利。
一个tips，网站上的文案不要写太长。每段介绍控制在两三行以内。用户在网页上的注意力很短，你得在最短的篇幅里把最核心的信息说清楚。
05.交设计
素材准备好了，参考也有了，概念也想清楚了。把这些打包一起交给 Claude Design，让它开始做。
第一版出来之后，一定不会完美。
这很正常。
我的第一版出来之后，开场的 logo 放大动效很粗糙，有些产品的图片被拉伸了，联系方式的排版没有对齐，手机端也没有做适配。这些都得你自己去看，然后一个个反馈给 AI 改。
可能很多人觉得做出一个高级感的网站核心是动画。其实不是。排版、节奏、留白、字体层级，这些才是真正让一个网站看起来专不专业的东西。动画只是锦上添花。所以你跟 AI 沟通的时候，不要只盯着「我想要炫酷的动效」，更应该关注「排版干不干净」「留白舒不舒服」「文字层级清不清楚」。
不过我从一开始就想让网站偏动态展示。所以在介绍每个产品的时候，我都让 AI 用动效来呈现，而不是放一张静态截图。比如 BrandGEO 用了体检报告的生成动效，先展示用户输入链接的过程，再转到报告结果。sayit做成了真实的UI对话界面的交互。这样比静态图片更容易让人理解产品在做什么，也更好看。
还有一点别忘了，手机端的适配。很多人会在手机上打开你的网站，如果手机端的显示乱了，那体验就打折了。我第一版就漏了这个，后来补上的。
这一步还有一个心态上的事。我自己也很容易陷入完美主义。总觉得这个动效还不够流畅，那个排版还差一点，这个文案还能再改改。但如果一直追求完美，可能永远上不了线。
我给自己定了一个原则，第一版不用完美，先上线。上线之后可以持续迭代。但如果第一版都没上线，就没有后面的一切。
06.上线
设计改到你觉得差不多了，就可以部署上线了。
我在 Namecheap 上买好了域名，Cloudflare 上登录了账号，然后把整个部署交给了 Codex。
Codex 会直接操作你的浏览器，帮你在 Cloudflare 上设置 DNS，在 GitHub 上创建代码仓库，完成从代码到域名绑定的整个流程。你只需要提前在浏览器上登录好相关账号，然后坐在旁边看着它操作。整个部署大概半天搞定。
我的网站上还做了一个 Agent 对话的功能。别人可以直接在网站上问问题，我的 AI 分身会回答。我在飞书上能看到所有消息，也可以随时接管对话，自己来回复。这个功能也是交给 Codex 处理的，它帮我打通了网站跟飞书的连接。
这里踩了一个坑。Agent 的回复一开始非常机械，跟客服机器人没什么区别。后来我把自己的个人信息、背景、甚至性格特点都注入进去，告诉它要像朋友一样回复，有趣、不要套话、不要机械感。调了好几轮才有了活人感。如果你也想在网站上加 Agent 对话，一定要花时间调人设。不然默认的回复方式。。。说真的很像人工智障。
最后的话
做完这个网站之后我最大的感受是，在人人都能 Vibe Coding 的时代，做网站本身已经没有壁垒了。
壁垒在于你的内容。
你的网站里有什么，才是真正让它有价值的东西。好的内容需要时间去沉淀，需要你持续去做、去积累。个人网站只是一个载体。你要做的不是纠结这个载体好不好看，而是先搭起来，然后用你的内容让它越来越值钱。
对于我来说，这个网站会跟着我一直长下去。每做一个新产品、每写一篇新文章、每开源一个新 Skill，都会同步上去。慢慢地，它会变成一个真正的数字分身。
如果你也在想要不要做一个个人网站，现在就可以开始了。
定概念、找参考、理素材、交设计、修细节、上线。一周之内，你也可以拥有一个属于自己的数字空间。
感谢你看到这里。
如果这篇文章对你有帮助，顺手点个赞、在看和转发三连，让更多人看到。
也欢迎在评论区分享你的想法和问题。我们下期再见～
✨️我是Seven。一个只讲AI实战干货的品牌人，带了解AI最新的实用方法✨️
👆️点击关注，不错过更多内容分享👆️