陈硕 everlightai.top：用『知识结构』做壁垒的 AI 连续创业者个人知识产品站
AI 连续创业者陈硕的个人站，以『结构外脑』为核心把知识库、工具库、阅览室、社群织成一张持续生长的网，报纸编辑部风格 + 动态眼睛 + 半色调肖像 + 滚动揭幕，Build in Public 的范本。
一句话定位
陈硕 everlightai.top 是 AI 连续创业者陈硕的个人知识产品站：它不贩卖"我是谁"，而是立起一个持续生长的"结构外脑"——把知识库、工具库、阅览室、AI 社群、GitHub 公开建造记录织成一张可行动的网络。核心主张是："真正的差距不是知道多少，而是你是否拥有一套能持续运转的思维结构"——网站本身就是这套结构的载体。它是典型的 Build in Public（公开建造） 个人品牌站。
亮点特色
1. "结构外脑"立差异化定位：不卖"我有什么内容"，而卖"我帮你把信息变成能行动的路径"——定位高级且有记忆点 2. 报纸编辑部贯穿全站：巨型字母、编辑网格、栏目线、纸张暖白，用一个隐喻统一视觉语言 3. Hero 层次化动效：CSS 弹性睁眼 + WebGL 活瞳孔 + 半色调肖像漂浮，一两个记忆点做到位 4. Build in Public 的实时信任状：GitHub 实时数据、commit 展示、状态标签，把"努力"做成可验证的资产 5. 内容即结构的叙事：用编辑手记式的长文讲清"为什么存在"，说服力远强于一句 slogan 6. 主题化到交互细节：像素风连 hover/active 都用 `steps(2,end)` 阶梯过渡，风格自洽度极高 7. 社群门槛即信任：反向筛选 + 坦诚规则，比"拉人头"更有长期主义质感
Peek Paper：每天精选网页的『网络日报』——手工策展美学与编辑设计范本
每天手工精选优秀网站的『网络日报』，用报纸头版式的编辑排版 + 双色主题切换 + 克制的入场动效，把『策展』做成了一种审美产品。
一句话定位
Peek Paper 是一份每天手工精选优秀网站的『网络日报』：标题自称 The Web's Daily Paper，把自己定位成"网页界的每日报纸"。它每天从全球挑选若干"漂亮且有想法"的网站，用报纸头版式的编辑排版呈现——首页是一份会"翻页"的日报（PEEK No. 172 / No. 173…），每期都有封面故事、若干条"今日精选"、以及日期存档。它贩卖的不是内容，而是策展的品味本身。
亮点特色
1. 报纸隐喻贯穿到底：刊头、翻期、期号、存档、RSS，信息架构与视觉语言高度自洽，用一个隐喻统一全站 2. 手工策展即品牌：`hand-picked` + 累计大数字 `2,060`，把"人工筛选"做成差异化信任状，对抗算法信息流 3. 编辑排版做视觉层级：封面故事 vs 副版网格的对比，天然引导"先看头条再看副版"的阅读节奏 4. 纸张色 × 薄荷绿的双主题：一套 CSS 变量双主题换肤，浅色晨报 / 深色晚报各有味道，代码零重复 5. 克制的动效只在关键处：翻期有"换报纸"的淡入淡出，卡片有统一的上浮 + 微放大，整体轻、准、不喧宾夺主 6. 策展的连续性：每日编号 + 日期归档 + RSS，让"灵感库"变成可订阅、可回溯的持续出版物
03datawhalechina.github.io Easy-Vibe：Datawhale 出品、从零到全栈的 AI 编程（Vibe Coding）教程站
Datawhale 开源教程站，用『会说话就能编程』的 Vibe Coding 理念，把从零基础到全栈开发的完整学习路径做成了 10 种语言的单页导航，信息架构清晰得像一份产品手册。
一句话定位
Easy-Vibe 是 Datawhale 出品的 Vibe Coding（氛围编程 / AI 编程）开源教程站：核心主张是"编程语言正在变成自然语言，会说话你就能做产品"，把从零基础到全栈开发的完整学习路径压缩成 Stage 1 零基础入门 → Stage 2 初中级开发 → Stage 3 高级开发 → Appendix 附录 四段式成长地图，并支持 10 种语言（简/繁中文、EN、JA、KO、ES、FR、DE、AR、VI）切换——一个把"教学产品"做到国际化水准的文档型网站。
亮点特色
1. 主张即品牌："会说话就能编程"一句话立住整个课程的世界观，比罗列大纲高级得多 2. 身份分流式信息架构："你的身份 → 这门课能帮你"对照表 + 四段式关卡，让任何人 10 秒内找到自己的入口 3. 游戏化学习路径：用"做出来的作品"定义能力阶段，像闯关一样有持续的下一关期待 4. 开源教育的内容出海样板：10 语言导航 + 规范路由，一套内容服务全球学习者 5. 共情式文案：把"我想放弃了"这类情绪卡点写成章节标题，先安抚再教学 6. Docs 风的克制设计：统一卡片组件 + 高可扫读性，让复杂课程变得轻量 7. "一点"动效点亮全站：整站克制，只在 Hero 用打字机循环标语这一处做动态，反而让唯一动效成为记忆锚点
花叔 Alchain：一个人用『代码杠杆』撑起一家公司的 AI Native Coder
花叔的个人品牌站，暗色胶片质感 + 数据驱动的 REEL 作品集 + 媒体矩阵 + 合作服务，把独立开发者的『作品资产』全部织进一张网。
一句话定位
花叔（Alchain）的个人品牌站：以 `AI Native Coder · 独立开发者 · 作者` 三重身份开场，用一句"用代码做杠杆，让一个人也能持有一家公司"立住价值观，随后用"数据 REEL + 代表作 + 媒体矩阵 + 合作服务"四段结构，把一名独立开发者的全部资产——产品、内容、影响力、商业入口——压缩进一张单页。
亮点特色
1. 电影化 REEL 叙事：用"胶片场记板"概念隐喻统一个性化简历，记忆点极强 2. 数字即证明：Top 1 / 20k+ Star / 30 万+ 读者……全站无空洞形容词 3. 克制的高级暗色风：近黑深棕 + 香槟金点缀 + 小号全大写字距标签，胶片印刷质感 4. 明码标价 + 设置门槛：服务报价透明、联系设过滤，专业度与稀缺感并存 5. 第三方背书墙：CCTV 焦点访谈等权威媒体列阵，比自述更有说服力 6. 内容资产飞轮：单页立人设 + 六个子栏目装内容，形成长期流量与商业闭环 7. "滚动揭开"的仪式感动效：统一淡入上浮控制信息释放节奏，克制而不喧宾夺主
Oil® — 欧呦：把『产品、作品、个人』织成一张网的个人品牌站
AI 产品经理 Oil 的个人品牌站，单页叙事 + 视差动效 + 产品矩阵 + 作品集 + 咨询服务，值得收藏的个人站设计范本。
一句话定位
Oil®（欧呦）是 AI 产品经理 林志煌（Oil） 的个人品牌站：用一屏屏"作品 Demo"代替"简历文字"，把 产品作品 → AI 工具矩阵 → 博客文章 → 咨询服务 → 个人经历 串成一条完整的叙事线。它不只是在展示"我是谁"，而是在展示"我能做出什么"。
亮点特色
1. 作品即简历：不写"我擅长 AI 产品"，而是直接摆出 5 个能玩的 Demo，说服力远强于任何自我描述 2. 单页 + Tab 的混合结构：兼顾叙事沉浸感与信息可达性 3. 可交互的设计教学：把悬停、弹性、毛玻璃做成对照 Demo，是"讲设计"的最高段位 4. 数字化的社会证明：用使用量数字替代空洞形容词，可信度 +1 5. 品牌一致性：hero 文案、产品命名、封面风格、开源链接高度统一，人设清晰 6. 性能友好的趣味：狗转头动画用图片序列而非重 JS 框架，暗示作者对性能的尊重 7. 微动效塑造"活人设"：呼吸、眨眼、错峰小剧场，全部 CSS 关键帧实现，让品牌有人格温度