# 如何发挥用CodeX做个人站的最强实力？
**作者**: Jacky无限生长
**日期**: 2026-07-14T04:48:42.000Z
**来源**: [https://x.com/Jackywxsz/status/2076891615013269842](https://x.com/Jackywxsz/status/2076891615013269842)
---
大部分 AI 做出来的个人站，效果是挺酷炫的，但同质化越来越严重。
花哨归花哨，缺乏个人品牌特色，放在谁身上都成立——深色背景、渐变卡片、粒子特效，看着都差不多。
还有一种呢，个人表达倒是很强，像精心布置的 QQ 空间一样，但缺乏策划思维，别人看完压根不知道你想说什么。
大多数人的顺序是先建站，再想品牌，顺序完全搞反了。
我主业做品牌策划负责人，副业做 AI 博主，对品牌表达和 AI 技术的结合有一点发言权。如果你想做出一个有表达、有差异化的个人站，我的建议是——80% 的精力花在内容策划上，20% 才是技术执行。 不是先建站再想品牌，是先把品牌长出来，再让网站去承载它。
我的个人站
今天我用自己做社群个人站的完整过程，从品牌定位、风格对标、故事线打造、IP 设计到开发上线，五步拆给你看。
网站策划全流程
———
## 第一步：项目定位——你的网站是干嘛用的
做网站第一步不是打开编辑器写代码，是想清楚你这个站干嘛用的、给谁看的。
你可能心里有个大概方向——做个知识库、个人作品集、产品展示——但这些都太模糊了。真正要想清楚的是：
- 受众是谁？
- 内容怎么分类？
- 页面分几屏？每屏承载什么信息？
- 用户进来之后的行为路径是什么？
网站定位
这些问题不是你一个人能想透的，你需要跟一个足够强的模型坐下来，一个个聊清楚。
我用的组合：Claude 的 Fable5 + tw93 的 Waza skill。
Waza skill
tw93 是我很喜欢的一个产品工程师，他把自己的开发经验和产品哲学封装成了一套 skill，叫"优秀产品工程师的 8 个习惯"。里面有个 think 模块，专门帮你在动手之前把问题想透；有个 design 模块帮你梳理风格；还有 learn 模块帮你研究相关资料。我觉得比 superpows 好用不少，大家可以试试。
有了强力模型加优质 skill 的引导，你的需求梳理会清晰很多，整个网站的规划不再是模板化的"首页-关于-联系我"三件套。
我最后想清楚的结论是： 我这个网站核心解决成交前的信任展示。用户路径是：开源内容→ 吸引到个人站 → 完整的内容展示和课程体验 → 完成社群转化。社群品牌名叫"AI 无限生长星球"。
定位结论
———
## 第二步：风格定位——你的网站长什么样
方向定完了，第二步要解决的是：你的网站长什么样？
这一步对应的产出是一份 design.md——把配色、字体、间距、组件风格、动效尺度全部明确定下来。你不定清楚，AI 就会按它自己的安全牌出，出来的东西一定是模板味。
怎么找对标？三条路径：
风格对标路径
路径一：有现成的直接拿。 去 Refero Styles（styles.refero.design），这里的案例非常全，而且每个案例都能直接下载它的设计规则文件——配色、字体、样式全有，复制过来就能当 design.md 的底稿。这是最省事的路。
路径二：看中某个网站的气质，提取它的设计系统。 用 web-to-design-md 这个开源工具（github.com/Paidax01/web-to-design-md），它能把一个网页拆解成 AI 能读的设计说明，把"感觉"变成"规则"。
路径三：完全没方向，先逛参考库开拓审美。 这些网站我列出来了：
- 看真实产品界面：Mobbin、Page Flows
- 找审美和视觉方向：Recent、Collect UI、Minimal Gallery、Land-book、Lapa Ninja
- 找动效和组件：React Bits、GSAP skills
审美是喂出来的，多看好站，你才知道好站长什么样。
但这一步有个前置选择题：
在动手找参考之前，你得先做一个品牌人设层面的定调——你的站要酷、要信任、还是要温度？
这不是风格偏好，这是品牌策略。你做的是电商转化就要信任感，做的是创意作品集就要视觉冲击力，做的是个人 IP 就要温度和亲近感。选错了，后面再好看也白搭。
风格定调
我的选择： 对标 tw93 的博客——克制、信息密度高、不花哨但让人觉得这人靠谱。因为我要的是信任转化，不是炫技。所以我故意压住了动效和装饰，让内容本身说话。
tw93博客
———
## 第三步：故事线——用一个主题把所有视觉串起来
定位有了，风格有了，接下来得给网站一个表达主题。
好的故事主题是内容传播的核心。它不是一句 slogan，而是一根线——把你所有的视觉决策、内容组织、情绪引导串在一起，让整个站有统一感，不是东拼西凑。
我的故事线是怎么来的：
我的社群叫"无限生长星球"，我专注的领域是用 AI 赋能内容创作。跟 Claude 反复聊了好几轮，最后定下的立意：星空之下，纸上生长。
这八个字决定了所有视觉：
星空 → 对应"星球"概念。所以首屏我做了星空主视觉。React Bits 上有一个很好的星空交互效果，我直接把代码丢给 Agent 实现。打开页面第一眼就是沉浸式的星空，跟品牌名呼应。
星空之下
纸上生长 → 对应"内容创作"。所以整体页面我要那种带书写感的纸面质感——不是冰冷的科技感，而是有温度的、跟文字相关的质感。
纸上生长
突出色选了克莱因蓝 → 克制但有记忆点。整个页面以中性色为主，克莱因蓝作为点睛色出现在关键信息和交互元素上。
给你的建议：
故事线不需要多复杂，但得有。哪怕只是一个意象、一个情绪、一种质感——有这根线在，后面所有视觉决策都能快速判断"该不该加这个东西"。没有故事线的网站，做着做着就会变成大杂烩。
———
## 第四步：IP 形象——植入只属于你的东西
到这一步，站有了定位、风格、故事线，看起来已经挺完整了。
但你想想——这些东西换一个人，他照样也能做出来。还是回到开头那个问题：差什么？差一个只属于你的视觉锚点。
定位可以相似，风格可以对标，故事线可以模仿——但一个专属的视觉 IP，是别人复制不了的。它让你的品牌有了"脸"，让用户看到这个形象就想到你。
我的做法：
围绕"无限生长星球"这个概念，我延伸出一个小宇航员的形象——因为是生长主题，头上长了颗嫩芽。我叫它芽仔。
频道IP“芽仔
形象定完之后：
1. 去 Pinterest 找了大量宇航员主题的参考图
2. 用 Codex 的图生图能力，把参考图替换成我的 IP 形象
3. 批量生成了封面图、主题区背景、社交媒体配图
4. 还做了一个循环播放的陪伴动画——芽仔就像星球的吉祥物，一直在网站上陪着访客
批量视觉延展
IP元素植入
这一步做完，整个网站就活了。 不是因为多了个卡通形象，而是它有了一个"只属于我"的视觉记忆点。别人可以做类似的站，但芽仔是我的，拿不走。
———
## 第五步：开发执行 + 对抗审查 + 部署上线
前面四步全是筹备，一行代码没碰。到这儿才开始动手开发。
我的分工模式：
GPT-5.6 SOL x-high 当项目总控。 它负责整体规划、任务拆解、进度推进，以及生成高质量的提示词派发给执行层。它不写代码，但它把控方向、管理节奏。
Codex Agent 多线程同步执行代码开发。 默认推理状态 high，简单任务切 medium，搞不定的回到总控重新规划清楚再执行。
内容整理通过飞书 CLI 处理。 我的知识库在飞书，五十多份深度资料，分类整理这件事让 Agent 调飞书 CLI 帮我搞定。
迭代过程：
不是一次就能做对的。出了页面之后，在浏览器里看效果，截图标注不满意的地方，告诉它怎么改，一轮轮磨。有些地方是布局问题，有些是动效节奏，有些是内容排版——每一轮都在逼近最终效果。
对抗式审查：
做完之后不是直接上线。我让 GPT-5.6 切回 x-high 推理状态，对整个项目做了一次对抗式审查——这时候它不是助手了，是最严格的验收官，把整个项目当对手扫一遍。代码问题、性能瓶颈、体验 bug、逻辑漏洞，全挑出来。有问题直接派给子 Agent 改，改完再验收，通过了才进入部署。
部署上线：
最后部署到 Vercel，配上 Cloudflare 的域名。整个开发流程全程 Agent 执行——我没写一行代码，也不懂代码。但我知道我要什么、想表达什么、差异化在哪。
———
## 总结
整套下来就五步：
1. 项目定位 → 想清楚网站干嘛用的，内容怎么规划
2. 风格定位 → 找对标，定调性，写 design.md
3. 故事线 → 给网站一个表达主题，串起所有视觉
4. IP 形象 → 植入只属于你的视觉锚点
5. 开发 + 审查 + 上线 → 总控规划，多线程执行，对抗审查后部署
前四步全是品牌策划的活儿，最后一步才是技术开发。大多数人反过来了——先写代码再想品牌，所以做出来的站换个名字就是别人的。
AI 建站，拼的从来不是代码，是你能不能先把品牌想清楚。
我是 Jacky，关注我，陪你在 AI 时代无限生长。
欢迎参观我的个人站：AI无限生长星球
## 相关链接
- [Jacky无限生长](https://x.com/Jackywxsz)
- [@Jackywxsz](https://x.com/Jackywxsz)
- [6.1K](https://x.com/Jackywxsz/status/2076891615013269842/analytics)
- [styles.refero.design](https://styles.refero.design/)
- [github.com/Paidax01/web-to-design-md](https://github.com/Paidax01/web-to-design-md)
- [AI无限生长星球](https://www.jackywxsz.club/)
- [Upgrade to Premium](https://x.com/i/premium_sign_up)
- [12:48 PM · Jul 14, 2026](https://x.com/Jackywxsz/status/2076891615013269842)
- [6,186 Views](https://x.com/Jackywxsz/status/2076891615013269842/analytics)
- [View quotes](https://x.com/Jackywxsz/status/2076891615013269842/quotes)
---
*导出时间: 2026/7/14 18:18:02*