北京大学 · Peking University · 1898  北大 HCI 通识课业界讲座  ·  2026 · 05 · 07  ·  文史 108

Agent 时代的产品实践

从想法到产品发布
2026 · 05 · 07  周四  10:10–12:00
陈正豪 / Bryant Chen  ·  独立开发者  ·  前 Motiff(妙多)AI 产品负责人  ·  bryantchen.cc
AGENT · 2026
 § 0  ·  关于我  ·  about

关于我 who's behind this

  • 2026.01 — 至今:和 AI 一起协作的独立开发者 / AI 创业者
  • 2019 — 2026.01:大厂产品经理(先后在网易、猿辅导任职),前 Motiff 妙多 AI 产品负责人
 § 0  ·  一个调研  ·  show of hands

一个调研 show of hands

01
听过 Vibe Coding 的同学举手?
02
自己动手 Vibe Coding 并做过 demo 的同学举手?
03
用过 Claude CodeCodex 的同学举手?
 § 0  ·  分享内容梗概  ·  agenda

今天分享三块内容 three parts

AI 从业者 + 独立开发者视角的观察与实践。

  1. § 1过去一年的变化与演进
  2. § 3AI Coding 实践
  3. § 4AI 工具箱
§ 1  ·  10 minutes

过去一年的
演进路线 a year in review

像素 + 代码
日新月异 两条主线 人机交互
§1 演进路线 · 朝阳与散落的想法
 § 1  ·  主线一 · ai coding

主线一:AI Coding —— 从「能用」到「吞噬一切」

加粗 = 对业界产生巨大影响的模型 · 图标 = 发布机构

2024-06 2025 2026 04 Claude 3.5 Sonnet coding 跨过实用门槛 Claude 3.7 + Claude Code agent coding 范式确立 Manus beta 2025-03-06 Codex CLI 2025-04-16 GPT-5 2025-08-07 Gemini 3 Pro 2025-11-18 Claude Opus 4.5 2025-11 · 长任务能力提升 2026-02 · 集中发布 月级迭代成为常态 Opus 4.7 2026-04-16 · SOTA Claude Design 2026-04-17 Kimi K2.6 2026-04-20 · 1T 开源 GPT-5.5 2026-04-23 · 当前 SOTA

配套关键工具:Cursor → Lovable → Bolt → Replit Agent → Claude Code / Codex

 § 1  ·  主线二 · ai 生图

主线二:AI 生图 —— 文本渲染与可控性的两次跨越

加粗的事件 = 在对应时间点对业界产生巨大影响的模型。

2024-06 2025 2026 04 SD3 Medium 2024-06-12 · 开源派最后一波主力 GPT-Image-1 2025-04-23 · 西文文本渲染突破 Nano Banana 2025-08-26 Nano Banana Pro 2025-11-20 · 高质量 + 多语言 Nano Banana 2 2026-02-26 GPT-Image-2 2026-04-21 · 中文等多语言接近完美 · 2K 原生
 § 1  ·  当前 sota · gpt-image-2

当前 SOTA:GPT-Image-2 multilingual text rendering

OpenAI 算法研究员给出的一张图,惊艳的文本渲染能力
OpenAI 算法研究员给出的一张图,惊艳的文本渲染能力 · 来源(知乎)
最新的双盲测试
最新的双盲测试
 § 1  ·  这意味着什么 · 宏观

宏观:Agent + SOTA 模型正在吞噬传统软件

100% ~50% 2026-03-19 Stitch 升级 · -4%+ 2026-04-17 Claude Design · -5%+ 2025-04 2026-04 12 个月累计跌约 50%
  • 案例:Anthropic 2026-04-17 发布 Claude Design 当天,Figma 股价再跌约 5%(过去 12 个月已累计跌约 50%)
  • 类似的故事此前已多次上演:Stitch(Google Labs,2025-05 I/O 首发,2026-03 公开升级)发布时 Figma 股价当日跌 4%+
 § 1  ·  这意味着什么 · 微观

微观:AI Coding 把软件生产门槛压到地板

过去(程序员稀缺、开发慢贵)vs 现在(AI 工具齐全、想法稀缺)+ 真正稀缺的 4 件事:品味 / 想法 / 交付能力 / 营销与增长
 § 2  ·  去年的判断正在加速兑现

产品经理、设计师、工程师 —— 三阶段演进 a ride-hailing example

STAGE 1 · 过去 · 线性分工 PM 需求 UX 体验 UI 视觉 FE / BE 实现 「我有一个很棒的想法 / 就差一个程序员了」 STAGE 2 · 过去 10 年 · UX + UI 合并 PM 需求 Product Designer UX + UI 合一 体验 + 视觉 + 原型 FE / BE 实现 分工边界变模糊,但仍然是 hand-off 流 STAGE 3 · 现在 / 未来 · 一个人 + Agent 定义需求 人 · 不确定性 一个人 + agents 上线 + 增长 Agent · 确定性 需求定义 · 品味 · 增长 → 人;执行 → AI 线性 · hand-off · slow 合并 · 仍 hand-off · faster 闭环 · 一个人 · agent · realtime 关键迁移:执行力 → 需求 / 品味 / 增长 AI 接走「确定性」工作,人留下「不确定性」判断
 § 2  ·  生产模式 · 线性 → 闭环

线性 hand-off → 闭环 maker linear → loop

PAST · 线性
需求 PM 设计 研发 上线

每一步要等下一个角色接手 · slow

NOW · 闭环
需求 一个人
+ agents
上线

实时回环 · 同一人闭环到上线 · realtime

关键能力迁移:执行力 → 需求定义 · 产品定义 · 增长 · 营销

"代码能力" 不再是入门门槛 —— 现在不是了。

 § 2  ·  saas 冲击案例 · 以界面设计为例

Figma vs Google Stitch / Claude Design / Lovable

2026-03-19Google Stitch 公开升级(多屏 + 无限画布 + 交互原型)→ Figma 股价当日跌 4%+
2026-04-17Claude Design 发布(Opus 4.7 驱动,可直出可交互产品)→ Figma 股价再跌 5%+

当 60 分够用时,AI 就够了;Figma 这类工具只剩极致专业化这条路(极少数高标准设计需求)。

类似故事在不断上演。

§ 3  ·  35 minutes · 主干

独立开发
完整链路 end-to-end

两个真实案例 贯穿 §3
§3 一个独立开发者 + 多个迭代分身
 § 3  ·  案例 a · aibt · 介绍页

案例 A · AIBT(AI 性格测试)overnight: idea → build

一晚速通的 idea → build

AIBT 性格测试
 § 3  ·  案例 a · aibt · 总结页

AIBT · 核心设计 + 工具栈 + 发布

这个案例的关键不是"我会写代码",而是提示词设计:给 LLM 喂什么、回什么、怎么让用户愿意分享。

DESIGN

核心设计

视觉:黑客帝国粒子效果
数据:提示词一键拉对话记录做分析
分享钩子:你是键盘的哪个键 / 用户喜欢的语言风格

STACK

工具栈

Claude Code · 设计 + 开发
Cloudflare · 域名 + 部署 + 数据分析
一个人 + agent 一夜跑通整条链

SHIP

发布

各种 AI 微信群 · Reddit AI 频道
不是 PR 稿,是开发者社区原生分享

 § 3  ·  案例 b · clawputer · 介绍页

案例 B · ClawPuter xhs build-in-public driven iteration

硬件桌宠 For OpenClaw
硬件桌宠 · For OpenClaw
github.com/bryant24hao/ClawPuter
硬件桌宠 For CC
硬件桌宠 · For CC
github.com/bryant24hao/deskpet-firmware
 § 3  ·  案例 b · 项目历程与总结

ClawPuter · 项目历程与总结

这个案例的关键是 build in public:让小红书的反馈直接驱动迭代,而不是闭门做完再上线。

DESIGN

核心设计

形态:桌面宠物 + 互动玩法
视觉:像素风 / 复古 / 拓麻歌子
关键词:陪伴 · 温度

STACK

工具栈

Claude Code · 嵌入式开发也能做好
Build in Public · 小红书互动 + 实时反馈
开发即营销

SHIP

发布

X · 小红书 · Reddit · GitHub 开源
多平台分发,长尾内容持续带流量

 § 3  ·  案例 c · colorwander · 介绍页

案例 C · ColorWander prototype → ship

一句话介绍:用颜色看世界,从你的照片中提取颜色并作为相框背景,生成 colorwalk 的照片。

bryantchen.cc/talk/colorwander-2026-05-05

ColorWander 示例
 § 3  ·  案例 c · colorwander · 项目实践

ColorWander · 项目实践 from prototype to App Store

Idea

想法验证

Design

设计原型

AI Coding

实操 5 分钟跑通

Eval & Ship

把 0.8 推到 1.0

BIP

build in public

复盘原文:bryantchen.cc/talk/colorwander-2026-05-05/#6

 § 3.1  ·  idea → 想法验证 · 5 min

3.1 Idea → 想法验证

一切的源头——

多数需求都不值得做
但很多时候我们会忽视这一步

commonplace book · 多数想法都被划掉
 § 3.1  ·  方法 · brd skill

方法:用 agent 跑 BRD

六个维度 —— 趋势 痛点 竞品 用户画像 定价 GO / NO-GO
实操 · what is a Skill

在 Claude Code / Codex 里强制加载一个 BRD Skill

Skill = 把「重复做某件事的最佳实践」写成可被 agent 按需加载的能力包

渐进式披露 流程化 不污染上下文 人类经验固化

→ 右侧:BRD Skill 实物片段 · 3 小时 > 3 个月 · 写代码前先验证市场

BRD Skill SKILL.md · 调研方法论
 § 3.1  ·  我自己的实践

我自己的实践 · 100 Bad Ideas

踩过的坑:很多很酷的 idea,用户需求并不强烈或场景不通—— e.g. MemoryX 这款 Chrome 扩展

现在的做法:维护一个 100 Bad Ideas 仓库, 一切 idea 默认是 "bad",先找反例 → 再决定 埋葬 / 孵化 / 继续观察

Speed-to-MRR 优先 资本密集 → NO-GO 先找反例 公开即过滤

github.com/bryant24hao/100-bad-ideas · 未对外开放,仅现场演示

100 Bad Ideas · GitHub 仓库截图
 § 3.1  ·  现场 demo · idea 验证

现场 demo:怎么验证一个 idea

先让 agent 跑 BRD,再用客观信号交叉检验。

主观 · Agent 视角 丢一个 idea 给 Claude Code,让它跑 BRD skill,6 步:趋势 / 痛点 / 竞品 / 用户画像 / 定价 / GO-NO-GO。 3 小时 > 3 个月
客观 · 真实付费意愿 Fiverr 订单数据反推真实需求;Google Trends 看 5 年 + Related Queries; 已经付钱的事 > 调研问卷
融合 · 用 agent 串起来 让 agent 拉数据 + 解读 + 给 GO/NO-GO 打分,你只做最后一公里判断。 这是新的"小型 PM"工作方式
 § 3.2  ·  产品定义 → 设计原型 · 5 min

3.2 产品定义 → 设计原型

启动前,不要急着画 wireframe —— 先用 4 个问题逼自己说清楚。

Q1

你想做什么?

一句话概括产品 + 目标用户。

说不清 = 还没准备好画原型

Q2

对标谁?

明确说出你想接近哪一类产品。

"参考 Notion、Figma、Linear 综合体" = 没对标

Q3

视觉风格?

引用真实产品 / 风格名 / 关键词。

"高级一点" = 没风格

Q4

差异化是什么?

为什么用户选你不选对标?

"AI 加持" = 没差异

 § 3.2  ·  如何做出好设计

如何做出好设计

先给 agent 一个 design brief,再让它产出界面。

01

风格坐标

不是“好看一点”,而是明确说出你要接近哪类产品、哪种视觉气质。

02

设计约束

颜色、字体、圆角、密度、动效、组件风格都要可复用,避免每页重新发明。

03

可迭代记忆

DESIGN.md 把审美判断沉淀成上下文,让多轮改稿不跑偏。

 § 3.2  ·  vibe design · 先选坐标

设计风格不是术语表,是给 agent 的坐标系

把“我想要什么感觉”翻译成 agent 能执行的约束:秩序、质感、人群。

ORDER

界面秩序

极简、瑞士、Material、Ant Design:决定信息密度和组件规则。

MATERIAL

视觉质感

拟物、玻璃、卡片、暗黑、高对比:决定页面的触感和层次。

CULTURE

人群语境

杂志、摄影、像素、二次元、潮流:决定用户第一眼的归属感。

 § 3.2  ·  vibe design · 常用卡片

一些风格举例 six common registers

Minimal

极简 / 瑞士

适合效率工具、知识产品、专业服务。

留白网格
Editorial

杂志 / 编辑

适合内容、作品集、讲故事的产品。

大标题节奏
Glass

玻璃 / 分层

适合 AI、空间感、数据可视化。

半透明景深
Retro

复古 / 像素

适合玩具、游戏、社区、怀旧表达。

低保真趣味
Luxury

轻奢 / 高级感

适合摄影、生活方式、审美消费。

克制材质
Brutal

粗野 / 高对比

适合强态度、开发者工具、实验项目。

直接冲突
 § 3.2  ·  vibe design · prompt anatomy

把风格词写进 prompt,要像写产品需求

BAD

“做得高级一点”

这类表达没有边界,agent 只能随机套模板。

GOOD

目标用户 + 参考产品
+ 视觉风格 + 约束

例如:面向独立开发者的 AI 工具,参考 Linear + Raycast,瑞士风网格、低饱和、密集但清晰。

 § 3.2  ·  vibe design · demo cue

现场可以这样演示:同一个产品,三种风格

Version A

Linear-like

高密度、灰阶、快捷键、适合专业工具。

Version B

Editorial

大标题、照片、故事感、适合内容产品。

Version C

Playful

插画、强色彩、轻动效、适合消费和社区。

 § 3.2  ·  资源入口 · 从这里开始

设计资源只分三类:生成、参考、沉淀

Generate

AI 原型

把一句产品想法变成可交互界面。

Reference

真实产品

不要只看 Dribbble,看真实产品如何解决信息密度。

Mobbin UI Notes X bookmarks
Memory

设计规范

把审美偏好固化成 agent 可以复用的上下文。

 § 3.2  ·  资源入口 · 课堂动作

给学生的动作:先收藏,不要现场抄链接

1 min

找一个对标产品

Mobbin / UI Notes:截图 3 个你喜欢的界面状态。

3 min

写一句风格描述

用“用户 + 场景 + 气质 + 约束”描述,而不是只说高级。

5 min

生成第一版原型

让 agent 同时产出 UI 和 DESIGN.md,后面迭代才有一致性。

 § 3.3  ·  ai coding 入门 + 实操 · 12 min · 重点

3.3 AI Coding 入门 + 实操

叫法在变 (Vibe Coding → Agentic Engineering → ...) ,核心不变 —— 人利用 AI 做出可用产品的一种方法

2021–2023 · ERA 1 Copilot 时代 GitHub Copilot 编辑器内补全 · 单词级建议 "AI as autocomplete" 2023–2025 · ERA 2 AI IDE 时代 Cursor · Windsurf 理解整个项目 · 多文件改动 · chat-with-repo "AI as collaborator in IDE" 2025– · ERA 3 · NOW Coding Agent Claude Code Codex / GPT-5.3 终端原生 · 长任务 · 自主执行 · 多步规划 "AI as autonomous engineer" 能力从「补全单词」到「执行整个任务」
 § 3.3  ·  如何入门

如何入门

不要先学概念,先把一个真实页面做出来。

Build First 选一个很小的真实需求,今晚跑通第一版。
Use SOTA 初学时优先用最强模型,先降低失败率。
Spend Tokens 先提升使用量,再谈效率;没有体感就没有判断力。
 § 3.3  ·  现场 demo · 5 分钟跑通

现场 demo:5 分钟跑通第一个 AI Coding 任务

现场我会真的打开 Claude Code,用一个北大学生场景跑这三步。

01

Plan

~ 1 min

让 agent 先写计划 + 验收标准,再写代码。

> 我想做一个北大食堂"今天该吃什么"小工具,
随机抽一个菜 + 一句吐槽。先给我 5 步实现计划
和验收标准,不要写代码。
02

Execute

~ 3 min

同意计划后让它一次写完,边界用 ASCII wireframe 或 GitHub Issue 描述。

> 同意,按这个计划写出来。布局参考下面的 ascii:
┌──── 今天该吃 ────┐
│ 〔随机抽签按钮〕 │
│ → 菜名 · 吐槽 │
└──────────────┘
03

Review

~ 1 min

规格 + 真实跑通,不逐行读代码——浏览器里点一下,发现问题再返工。

> 跑起来后,按钮没居中,菜名重复了。
修这两点,并加一个"再来一次"按钮。
 § 3.4  ·  eval & ship · 3 min

3.4 Eval & Ship

AI 负责放大产能,人负责最后一公里的判断。

Eval 让 AI 写测试、回归用例、LLM-as-judge。
Human QA 人看真实体验:能不能用、哪里奇怪、是否符合目标。
/ship 发布前固定做安全、隐私、token 泄漏扫描。
●  § 3.5  ·  上线 → 宣发:build in public · 10 min · 工作坊亮点①"无保留分享"

Build in Public

普通人最易得的「市场调研 + 用户增长」方法。
 § 3.5  ·  什么是 build in public · 来源

什么是 Build in Public?

把产品从“闭门造车”变成“公开迭代”。

Devlog 文化 游戏开发和开源社区:过程本身就是内容。e.g. Notch 当年开发 Minecraft 的 Twitter
Pieter Levels @levelsio NomadList / RemoteOK 等 12+ 独立项目作者;公开 MRR、用户、failure,证明一个人也能造一个公司。
Indie Maker 圈 进度 / 失败 / 收入 / 反馈都成为市场信号。Indie Hackers · X 独立开发者圈 · 即刻独立开发产品
 § 3.5  ·  为什么要 build in public

为什么要 Build in Public

ATTENTION

先获得注意力

产品需要被看见;注意力是最早的市场信号。

FEEDBACK

低成本验证

评论、私信、转发,比闭门访谈更快暴露真实兴趣。

COMPOUND

内容会复利

过去发布的进度,会持续为未来版本带来新用户。

 § 3.5  ·  宣发链路 + 多平台分发

别只发一条动态,要搭一条增长链路

每一步都有自己的产物,产品页是中枢——前面把人引来,后面把内容沉淀回去。

01 · 持续

社媒 / 社区

X · Threads · 小红书 · 抖音 · Reddit · HN · B 站 · 微信群

引流
中枢

产品页

一句话价值主张 · Demo · 等候名单 / 下载入口

承接
02 · 集中

首发

Product Hunt · 开源 · 公众号长文

爆发
03 · 长尾

沉淀

SEO · 外链 · 复盘文章 · 案例归档

复利

→ 关键不是渠道有多少,而是四种节奏都要有:日常曝光 + 单点爆发 + 中枢承接 + 长尾复利。

 § 3.5  ·  如何做好 build in public

如何做好 Build in Public

四条原则有先后:前提 → 内容 → 频率 → 受众,缺前一条做后一条都白做。

01 · 前提

真诚

像一个真实的人,不像品牌公告。

反例:「重磅发布、敬请期待」式的公关稿

02 · 内容

利他

让读者获得经验、模板、避坑或灵感。

反例:只贴自己产品截图,不解释能解决谁的问题

03 · 频率

持续

不是爆款思维,而是反复出现在信息流。

反例:发一条爆款、然后消失三个月

04 · 受众

匹配

读者要尽量靠近你的真实目标用户。

反例:在小红书发开发者深度长文 / 在 HN 发美妆 vlog

§ 4  ·  15 minutes

工具箱 2026
+ 怎么选 toolbox

每 ~2 月一变 不选产品 选判断力
§4 工具箱 · Bauhaus 几何拼贴
 § 4  ·  (a) 工具清单 · 2026 年 5 月版本

工具变化太快——用判断力代替被动选择

现在听到的工具名,半年后可能已经过期。不要背工具清单,要建立自己的判断标准——下面三条原则比任何工具列表都活得久。

01

任务原生

写代码选 coding agent,做原型选 design agent,内容生产选多模态工具。

02

工作流重塑

优先选择改变工作方式的工具,而不是只多一个按钮的工具。

03

生态信号

看 Frontier Labs、开源社区、真实 builder 是否在持续使用。

 § 4  ·  (a) 任务地图

把工具放进任务地图,而不是收藏夹

Build

Claude Code / Codex / Cursor

Prototype

Stitch / Claude Design / Lovable

Content

Image / Video / Voice / Music

主线讲"我现在要完成什么任务";下一页给完整清单作为参考。

 § 4  ·  (a) 工具清单 · 2026 年 5 月版本

2026-05 工具清单 snapshot · for reference

这页是给课后参考的快照——下面每条都标了发布时间,方便你判断哪条信息已经过期。

Coding Agent Claude Code (2025-02 起,Opus 4.7 驱动) / Codex CLI (2025-04 开源,GPT-5.4 驱动) 终端原生 agent IDE
AI 原型设计 Google Stitch (2026-03 升级) / Claude Design (2026-04-17) / Lovable 自然语言 → 可交互 UI
前端模型 Gemini 3.1 Pro (2026-02-19) / Kimi K2.6 (2026-04-20,开源 1T) 长上下文 + 多模态前端
通用 / 设计 Agent Manus (Butterfly Effect,2025-03 beta) / Lovart (2025-07 全球) 浏览器任务编排 / 单 prompt 出全套素材
生图 GPT-Image-2 (2026-04-21,多语言 SOTA) / Nano Banana 2 (2026-02-26) 中文文本 / 多语言图像主力
视频生成 Seedance 2.0 (ByteDance,2026-02-10) / 可灵 3.0 文生视频中文场景
音乐生成 Suno V5.5 (2026-03-26,含 Voices 声音克隆) / MiniMax Music 2.6 (2026-04-10) 长歌曲 + 个性声音
语音输入 Typeless (多端 / 跨语言) / 豆包语音输入法 语音替代键盘
Skill 市场 skills.sh / anthropics/skills Agent skill 应用商店雏形
 § 4  ·  (b) 在快速变化的时代如何选 ⭐

不要选产品,要选判断力

看标准 谁在定义 MCP、Skills、DESIGN.md 这类新工作流标准?
看一线 Frontier Lab builder 和你信任的实践者每天真正在用什么?
看替代 它有没有让旧流程消失,而不只是多一个 AI 按钮?
 § 4  ·  操作建议

操作建议:每 2 个月做一次 AI / Agent 盘点

删除 哪些工具已经不用了?
替换 哪些模型开始显得笨?
升级 哪个工作流值得重配?
沉淀 哪些经验应该写进 skill / prompt?
§ 5  ·  5 minutes

Be a Builder.

门槛低 100× Get hands dirty Agent 编排者
§5 一只手 · 一颗想法的种子
 § 5  ·  给学生的话

给在座同学的两句话

100×

门槛比你想象的低 100 倍

脑子里那个想法,今晚可能就能跑通—— Get Hands Dirty Now,不要等"我学完了再开始"。

每个人都会是 Agent 编排者

未来未必所有人都做 PM / 工程师,但管理好 agent 是我们这一代的事—— 某种程度上,agent 的可控性和聪明度比人更高

 § 5  ·  一些心得 · 去年 → 今年的迁移

一些心得:去年 → 今年的迁移

01

Dive into AI

Collaborate with Agents

不再是把 AI 加进工具,而是把 agent 当作协作者编排。

02

Stay Curious

Context & Taste

好奇心是入场券,差异来自你的上下文、审美、经历和活人感——这些 AI 复制不来。

03

Find PMF

Play Your Game

先想清楚:你到底在为谁吸引注意力?

 § 5  ·  play your game · 三种受众

Play Your Game · 你在为谁吸引注意力?

同样一份精力做产品,受众选择不同,决定的事完全不一样。

SELF

自己

做到极致是艺术,做不到极致大多数时候是自嗨

AGENT

Agent

新的设计对象——为 agent 设计 prompt / context / workflow,是当下和未来都要做的事。

OTHERS

其他人

用户规模决定商业模式和市场天花板。1000 个真粉 vs 100 万用户,是两种产品。

 § 5  ·  如何应对快速变化

如何应对快速变化

两件事:身心是底层燃料,方向是节奏感。

01

保持健康的身心

运动 · 睡眠 · 可持续的节奏。

变化越快,能持续就赢一半——身心是这个时代独立开发者的底层资产。

02

先做自己喜欢的事 / 产品

从兴趣出发,先利己,再利他。

不喜欢的事坚持不了 6 个月;喜欢的事能熬过低谷,持续就是壁垒

●  § 5  ·  最后

最后

祝大家在 Agent 时代 Make Something Wonderful!
 § 6  ·  q&a

Q&A

谢谢大家

WeChat 微信二维码
扫码加我微信 WeChat · Bryant Chen
小红书 @噗大可 二维码
小红书 @ 噗大可 Xiaohongshu · 634901668
 附 D  ·  来源清单 (1/2) · 模型与产品时间线

附 D · 来源清单(一)—— 模型与产品时间线

Claude 3.5 Sonnet(2024-06-20)Anthropic 官方
Claude 3.7 Sonnet + Claude Code(2025-02-25)Anthropic 官方
Claude Opus 4.7(2026-04-16)Anthropic 官方 · GitHub Changelog
Claude 全系列时间线scriptbyai timeline
GPT-5(2025-08-07)OpenAI
GPT-5.5(2026-04-23)OpenAI · TechCrunch
GPT-Image-1(2025-04-23)/ GPT-Image-2(2026-04-21)OpenAI · Wikipedia
Codex CLI(2025-04-16)OpenAI · GitHub
Manus 邀请制 beta(2025-03-06)Wikipedia · MIT Tech Review
Stable Diffusion 3 Medium(2024-06-12)Stability AI
Nano Banana 系列Google DeepMind
Gemini 3 Pro(2025-11-18)/ 3.1 Pro(2026-02-19)Google blog
Cursor / Lovable / Bolt 时间线Cursor on Wikipedia · Lovable on PH
Lovart 公测(2025-05)/ 全球(2025-07-28)Lovart 官方
Seedance 2.0(2026-02-10)ByteDance Seed
Suno V5(2025-09)/ V5.5(2026-03-26)Suno blog
MiniMax Music 2.6(2026-04-10)MiniMax 官方
 附 D  ·  来源清单 (2/2)

附 D · 来源清单(二)—— 关键论断 / Build in Public / 生态资源

关键论断
Claude Design 发布 + Figma 股价跌 5%TechCrunch 报道 · VentureBeat
Stitch 发布 Figma 股价跌 4%The New Stack · DEV community
Manus → Meta 收购 + 中国监管CNBC · Asia Times
Build in Public 起源
Pieter Levels' build-in-public cheatsheetbuildinpublic.simple.ink
How To Build In Public 站点 - Pieter Levels 词条howtobuildinpublic.com
生态资源
DESIGN.md · Google 官方介绍blog.google/.../stitch-design-md
Claude Skills 市场anthropics/skills · skills.sh
Impeccable design skillImpeccable.style

Keyboard

Space PgDn  next slide
PgUp  previous slide
Home  first slide  ·  End last
t  toggle 目录 (sections)
o  toggle 缩略图 (overview grid)
e  toggle 编辑模式 (edit mode)
⌘/Ctrl + S  在编辑模式下导出 HTML
h  toggle 卡片聚光灯 (lecture spotlight)
F  toggle fullscreen
?  toggle this help
Esc  close any overlay
click anywhere to close
编辑模式 · click any text to edit · ⌘/Ctrl+S 导出 · E 退出