课代表立正
在中心化平台算法随时可能切断流量推送的背景下,创作者唯有建立独立站点,才能直接向大模型与受众注入未被过滤的第一手语境,夺回自我认知的定义权。
AI-assisted summary of I spent over a dozen iterations with Codex, and Claude made it all obsolete in a day? — original source. Check the original for full context.
Source published:
Key ideas
- 博主使用 Claude 模型重构个人网站(lizheng.ai),在设计审美与交互体验上实现了显著迭代,并验证了“文档先行(Document First)”的工程开发流。 (0:07)
- 重构后的站点将超线性学院两万余名成员具象化为动态星系地图,依靠 GitHub Action 与 Vercel Blob 实现全自动化数据同步与轻量免运维维护。 (2:48)
- 基于社区基建上线免登录问答产品“问问立正”,依托 Agentic RAG 技术检索个人过往全部语境,输出具备鲜明态度与风格的高质量判断。 (4:36)
- 在算法主导注意力的环境下,搭建独立个人网站的核心价值在于掌控自我叙事主权、为大模型检索提供第一手上下文,并沉淀摆脱平台依赖的长期信任资产。 (9:55)
Detailed notes
## Background 该视频由 YouTube 频道“课代表立正”于 2026 年 10 月 6 日发布。视频主要记录了博主使用 Claude 重构个人网站的全过程,包括将两万多人的社区打造成可交互地图、接入 Agentic RAG 问答“问问立正”,并探讨了在平台算法主导的时代为何必须搭建个人网站以掌握自身叙事主权。
## TL;DR 博主分享了他践行“文档先行(Document First)”工作流,通过 Claude 与 Claude Code 将个人网站进行全面视觉与功能重构的实战经历。新站点不仅将两万多人的“超线性学院”社区可视化为可交互的星系地图,还依托 Agentic RAG 技术上线了免登录的个人语境问答工具“问问立正”。博主借易拉罐垫片、搏击冠军重拳与梅西球风等比喻,强调真正的 AI 高手依赖本质认知而非花哨技巧。搭建个人网站的核心目的在于拿回叙事主权、摆脱平台推荐算法绑架,同时为人类和全网 AI 提供一个了解自身真实 Context 的确定性入口。
## Atmosphere & style 整期内容呈现出一种极客与思辨兼具的自省气质,语气平实克制却极具锋芒与洞察力。博主以朋友清晨的催促为契机展开叙事,没有浮夸的技巧吹嘘,而是将日常工程实践拆解得井井有条,兼具产品经理的严谨与实干家的干脆。听者能够切身感受到博主对平台算法裹挟创作者的清醒反思,以及在极简人机交互中追求“一击必中”效率与长期主义沉淀的沉静底气。
## Bulletin - [00:07](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=7s) 博主使用 Claude 模型重构个人网站(lizheng.ai),在设计审美与交互体验上实现了显著迭代,并验证了“文档先行(Document First)”的工程开发流。 - [02:48](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=168s) 重构后的站点将超线性学院两万余名成员具象化为动态星系地图,依靠 GitHub Action 与 Vercel Blob 实现全自动化数据同步与轻量免运维维护。 - [04:36](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=276s) 基于社区基建上线免登录问答产品“问问立正”,依托 Agentic RAG 技术检索个人过往全部语境,输出具备鲜明态度与风格的高质量判断。 - [09:55](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=595s) 在算法主导注意力的环境下,搭建独立个人网站的核心价值在于掌控自我叙事主权、为大模型检索提供第一手上下文,并沉淀摆脱平台依赖的长期信任资产。
## Key takeaways - [00:07](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=7s) 新一代大模型(如 Claude Opus)在前端代码生成、设计审美与交互质感上相较上一代工具呈现出明显的代差级提升。 - [01:33](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=93s) AI 开发的核心是“文档先行(Document First)”:先通过多轮对话沉淀出高质量结构化需求与架构文档,再交由终端工具执行实现。 - [02:08](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=128s) 高质量的需求文档具备强跨平台与跨工具复用性,后续无论是交由 Claude Code、Codex 还是 Grok 都能稳定完成部署。 - [02:48](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=168s) 单向分发的 Newsletter 只是渠道,真正的社区本质在于人与人之间的双向链接;两万人规模理论上可产生近 2 亿条双向连接。 - [03:35](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=215s) 通过每月触发 GitHub Action 调用 Circle API 并同步至 Vercel Blob,实现了两万成员交互地图的自动化静态托管与零运维更新。 - [04:36](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=276s) “问问立正”采用 Agentic RAG 架构,使 AI 能够主动召回、交叉理解博主过往全部文章与观点,避免传统大模型套话式的回答。 - [06:23](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=383s) 依托成熟的后台 API 调度与基建,简单的自然语言指令即可在数小时内快速落地生产级 AI 问答应用。 - [06:59](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=419s) 真正的 AI 高手不需要繁复花哨的提示词技巧,如同《禅与摩托车维修艺术》中的易拉罐垫片或顶级运动员的极简动作,核心在于抓住物理本质与化繁为简。 - [09:55](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=595s) 个人网站的核心意义是“掌握叙事主权”,打破外部平台算法推流造成的碎片化认知,向人类与 AI 统一展示本人的思考体系与关注焦点。 - [10:43](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=643s) 通过完善全局 SEO、Schema 标记与 Sitemap,个人网站可作为 AI 搜索引擎抓取个人第一手 Context 的权威信息锚点。 - [11:14](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=674s) 平台粉丝数是虚幻指标,建立拥有自主独立域名的个人入口,能抵御算法断流风险,大幅降低商业合作与日常沟通的解释成本。 - [12:31](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=751s) 在注意力高度碎片化的时代,沉淀持久的个人数字资产与真实语境,才是与他人建立长期信任的核心护城河。
## Detailed walkthrough ### [00:07](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=7s) Claude 重做网站,新旧版本的审美代差
博主课代表立正分享了重做个人主页的契机:前一天清晨,他收到创业公司创始人朋友友超发来的信息,对方极力推荐 Claude Opus 3.5(视频口误为 Opus 5.5)做网站的水平极佳。考虑到友超平时创业非常忙碌,既然特意发消息推荐,博主决定立即起床动手实操。实测结果大出意料,用新模型重构的网站与之前用 Codex / ChatGPT 搭建的老版本放在一起对比,呈现出"天差地别的感觉"。
老版本网站虽然整齐、资料完备,博主此前也打磨了几十轮、经历过数次大版本迭代,但一打开新模型生成的界面,两者在设计审美和交互质感上呈现出明显的"代差"。这次体验让博主迅速意识到个人网站在 AI 时代的巨大价值,并在社区发帖复盘。如果用一句话总结为什么必须做这件事,那就是"掌握自己的叙事主权"——在信息泛滥与平台算法统治的年代,无论面对其他人类还是面对 AI,掌控自我叙事都尤为重要。
---
[01:33](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=93s) 从 Cowork 到 Code:文档先行(Document First)的工程流
博主展示了实际的开发工作流与提示词(Prompt)过程。他并未直接扔给代码生成工具盲目施工,而是遵循了社区课程中强调的核心原则——"Document First(文档先行)"。
整个网站迭代的流程如下:
```mermaid flowchart TD accTitle: 文档先行的 AI 建站工作流 accDescr: 展示从 Claude 讨论方向、沉淀文档到 Claude Code 实现上线的完整闭环流程。
subgraph ideation ["1. 方案探讨与方向校准"] A["Claude 网页端 / Cowork"] -->|"提供 GitHub 历史代码库与诉求"| B{"AI 初始建议过于极客化"} B -->|"多轮对话校准:面向大众用户"| C["确定视觉与功能架构"] end
subgraph doc ["2. 资产沉淀"] C --> D["生成完整结构化 PRD 文档"] end
subgraph execution ["3. 代码实现与部署"] D -->|"交给 Claude Code / Codex / Grok"| E["执行代码重构与个性化组件开发"] E --> F["一天内完成全新版本上线"] end ```
在初始阶段,博主将保存在 GitHub 上的旧网站历史项目接入 Claude 网页端,输入简短提示,要求 AI 对主页进行系统审核并给出大胆(bold)的更新建议。最初 AI 给出的纯文字版方案偏向硬核极客风格,博主通过多轮"back and forth"对话校准,明确目标受众是广大公众,并计划加入多项定制化功能组件。在方向明确后,博主让 Claude 先把所有需求、架构和规范凝聚成一份完整的文档(Document),随后将该文档输入给终端工具 Claude Code 执行。博主强调,一旦有了高质量的文档,无论后续交给 Claude Code、Codex 还是 Grok 都能稳定实现,这份文档才是跨平台跨工具的核心资产。
---
[02:48](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=168s) 两万多人的社区,化作一张可交互的星系地图
在重构后的网站中,最亮眼的新功能是将博主主理的“超线性学院”社区可视化为一座“城市”或星系地图。地图上密布着 20,000 多个独立光点,每个点都代表社区内一名真实成员,并且每一个点都可以实时交互点击。点击某一个点(例如点击“立正”),就会平滑展开该成员的个人主页、公开履历与社区内容。
博主澄清了关于“社区”的认知偏差:很多人把一份单向群发的 Newsletter 或一个微信群称为社区。微信群尚具备多对多交流属性,而 Newsletter 仅仅是中心化分发渠道。真正的社区本质在于“人和人之间产生链接”。按照全连接网络公式 $\frac{n(n-1)}{2}$ 计算,20,000 名用户两两之间理论上可产生近 2 亿条双向链接,这些网状链接才是社区最核心的价值与意义。该动态地图将这一抽象概念直观具象化。
- **自动化数据同步机制**:每月触发一次 GitHub Action,调用 Circle 社区平台的 API 抓取最新成员数据与公开 Profile。 - **存储与更新**:将抓取到的数据自动同步上传至 Vercel Blob,网站前端读取静态 Blob 资源,全流程全自动,无需人工运维。 - **视觉交互调优**:博主对 AI 给出的设计指令是“高级,但不要 busy(杂乱)”。AI 实现了动态聚光灯效果,聚光灯会随环境自动流转,同时光晕会跟随用户的鼠标移动实时追踪,兼具质感与呼吸感。
---
[04:36](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=276s) “问问立正”:Agentic RAG 与背后的工程基础设施
除了社区地图,网站另一个核心模块是名为“问问立正”的免费 AI 问答产品(ask.lizheng.ai)。博主虽然很早就开源了自己的全部个人 Context(文章、视频观点与认知沉淀),但普通用户往往缺乏在 Codex 或终端工具中挂载上下文进行查询的条件。为此,博主将其产品化封装,直接开放给所有人免登录试用。
现场演示中,博主输入了一个极具现实意义的问题:“DS(数据科学家)在 AI 时代还有前途吗?会被取代吗?怎么转型?”后台调用的模型(支持 Grok 4.5 等切换)迅速给出了极具辨识度的回答: - 回答明确指出“材料里的判断并不温和”,直接指出低层级做简单统计、取数包装的 DS 会被淘汰,“是浪费时间”。 - 给出了“决定依然是稀缺的”核心判断,要求转型不是去“换标签”,而是做“进攻性挪位,更接近业务结果”。 - 整个回答完全摒弃了传统大模型的“片儿汤话”套话,精准呈现了博主本人锐利、有态度的语言风格与价值体系。
从工程层面看,这一功能并非普通的前端包装套壳,而是基于社区 Toolbox 里的 **Builder Space** 基础设施构建。系统采用 **Agentic RAG** 范式:大模型接收问题后,自主检索、召回博主过往全部相关文章材料,进行多源交叉理解与综合判断,最终生成答案。正因为背后有成型的 API 调度与部署基建,博主仅在手机上发送了几句指令(如调整访问速度、配置个性化域名、更换底层模型、向用户透传思考过程等),AI 就在几小时内将整个生产级功能快速落地。
---
[06:59](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=419s) 真正的 AI 高手,从不依赖花哨的花拳绣腿
针对外界热衷学习繁杂提示词技巧的现象,博主借由几个生动的跨界案例阐明了“高手化繁为简”的本质:
1. **《禅与摩托车维修艺术》的易拉罐垫片故事**:主人公与骑宝马摩托车的朋友同行,朋友摩托车的垫片脱落,必须找零件替换。主人公提议直接剪下易拉罐上的铝制拉环当垫片,朋友却觉得如此高档的宝马车怎能用廉价的易拉罐废料,坚持去店里买名贵配件。朋友不知道的是,现代易拉罐由极高精度的工业流水线冲压而成,其铝合金材质与厚度公差甚至远胜于普通汽修店里的零配件。外行因无知而追求表面花哨与昂贵,内行则懂得透过表象识别物理本质。 2. **格斗冠军宋亚东的重拳**:UFC 搏击冠军宋亚东在与网红曹岩切磋时,看似简单地稍稍发力一拳,便让对方剧痛倒地不起。格斗的真谛不是武侠小说里的“降龙十八掌”、“白鹤亮翅”或“独孤九剑”,实战讲求的是打击准、速度快、直捣要害。 3. **梅西的球风**:顶级球星梅西在球场上极少做花哨的“踩单车”,每一个假动作、变向都是最简练、最有效率的触球。
博主认为,使用 AI 也是同一逻辑。真正的 AI 资深玩家不需要堆砌各种花哨的 Prompting 技巧或工具链,核心就是用平实、清晰的人类语言与 AI 沟通,找到事物之间的本质联系,以最简短的指令驱动复杂的后台基建。
---
[09:55](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=595s) 拿回叙事主权:给人和 AI 一个确定性的入口
个人网站并非仅是作品集的搬运,而是为了在数字化生存中解决三大关键诉求:
| 诉求维度 | 传统中心化平台困境 | 个人网站解决方案 | |:--- |:--- |:--- | | **叙事主权** | 散落在各平台的碎片信息拼凑出失真的个人形象 | 统一由本人定义:关注什么、过往判断、正在思考什么 | | **AI 索引入口** | 外部爬虫难以抓取完整语境,大模型幻觉率高 | 建立结构化 SEO 与站点图(Sitemap),引导 AI 检索第一手 Context | | **渠道确定性** | 受制于推荐算法,即便数万粉丝也面临断流与遗忘 | 自有顶级域名(lizheng.ai),任何时候都能被稳定寻获 |
首先是**掌控叙事主权**。外人对某个创作者的印象通常是随机的几期视频或断章取义的片段,创作者无法控制算法环境下的外界认知,但可以通过独立个人主页建立锚点。个人网站决定了将什么经历置顶、展示何种价值观与思考体系。更重要的是,这个主页不仅给人看,也直接给 AI 看。博主通过让 AI 配置好全局 SEO、Schema 标记与站点地图,使得外部大模型在检索“课代表立正”时,能优先抓取并理解官网内容,从而把自我的真实语境牢牢灌注给全网 AI。
其次是**建立不依赖算法推送的“自留地”**。在 YouTube、小红书等平台上,即便创作者每周高频更新(博主平均每周上传 7 条视频),大部分内容也无法穿透算法送达粉丝的信息流;极少有用户会主动翻找关注列表。博主购入 `lizheng.ai` 域名,正是为了让所有想合作、交流的人拥有确定性的访问入口。从播客节目邀请、机构咨询、定制合作,到过往公开演讲实录与周边产品,主页集中承载了全部业务出口,极大地降低了沟通与解释成本。
最后是**沉淀长期信任与数字资产**。在注意力高度碎片化、信任极度稀缺的时代,平台上的粉丝数只是虚幻指标,平台一旦停止推流,影响力便瞬间归零。无论是博主自己的主页,还是为社区 20,000 名成员提供的档案 Profile,都是在互联网上沉淀属于个人的持久数字留痕(Context)。这些真实的沉淀,才是在 AI 时代与他人产生真实连接、建立长期信任的护城河。博主最后表示,其完整的改版提示词已同步在社区的“Share Your Project”版块,欢迎大家参考复用。
## Notable quotes > [00:07](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=7s) 如果用一句话总结为什么必须做这件事,那就是掌握自己的叙事主权。 — 课代表立正
> [01:33](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=93s) 先写文档,再做网站。 — 课代表立正
> [01:33](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=93s) 一旦有了高质量的文档,无论后续交给 Claude Code、Codex 还是 Grok 都能稳定实现,这份文档才是跨平台跨工具的核心资产。 — 课代表立正
> [02:48](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=168s) 高级,但不要 busy。 — 课代表立正
> [04:36](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=276s) 材料里的判断并不温和。 — 问问立正
> [04:36](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=276s) 决定依然是稀缺的。 — 问问立正
> [04:36](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=276s) 进攻性挪位,更接近业务结果。 — 问问立正
> [06:59](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=419s) 真正的 AI 资深玩家不需要堆砌各种花哨的 Prompting 技巧或工具链,核心就是用平实、清晰的人类语言与 AI 沟通,找到事物之间的本质联系。 — 课代表立正
> [09:55](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=595s) 在平台决定谁能看见你的时代,我希望大家想到我的时候,能找到我,也能看到我真正关心什么。 — 课代表立正
> [12:31](https://www.youtube.com/watch?v=qvbOuVEcSWs&t=751s) 在注意力高度碎片化、信任极度稀缺的时代,平台上的粉丝数只是虚幻指标,平台一旦停止推流,影响力便瞬间归零。 — 课代表立正
## Mentioned 课代表立正, 友超, Claude, Claude Opus 3.5, Codex, ChatGPT, Claude Code, Claude Cowork, Grok, Grok 4.5, 超线性学院, Circle, GitHub, GitHub Action, Vercel Blob, 问问立正, Builder Space, Agentic RAG, 《禅与摩托车维修艺术》, 宋亚东, 曹岩, 梅西, YouTube, 小红书
## Video description 我把打磨过几十轮的个人网站交给 Claude 重做,一天后,新旧版本的差距让我很意外。更有意思的是,我把两万多人的社区做成了一张可以点开的地图,也把过去的文章和判断接进了「问问立正」——你可以直接提问,让 AI 查找原文、综合回答。
这期展示新旧网站的对比,以及我从 Claude Cowork 讨论方向、形成文档,再交给 Claude Code 实现的过程。也会聊聊:为什么真正有效的 AI 用法,往往就是几句普通的话,以及这些话背后需要哪些积累和基础设施。
一个个人网站能把你的作品、经历和判断放在同一个地方,让人和 AI 都有一个了解你的入口。在平台决定谁能看见你的时代,我希望大家想到我的时候,能找到我,也能看到我真正关心什么。
体验我的个人网站:https://lizheng.ai 免费试用「问问立正」:https://ask.lizheng.ai 免费加入超线性学院社区:https://www.superlinear.academy
章节: 00:00 Claude 重做网站,新旧版本差在哪 01:33 从 Cowork 到 Code:先写文档,再做网站 02:48 两万多人的社区,怎么变成一张可探索的地图 04:36 问问立正:用我的文章和判断回答你的问题 05:23 AI 问答背后的基础设施与 Agentic RAG 06:59 真正的 AI 高手,为什么不用花哨技巧 09:55 为什么做个人网站:拿回自己的叙事主权 11:14 给自己留一个不靠平台推送的入口 12:31 注意力、信任,以及长期积累的价值
[Source](https://www.youtube.com/watch?v=qvbOuVEcSWs)