AI Jason — VibeCoding 博主深度笔记

博主画像

• 频道：youtube.com/@AIJasonZ
• 真名：Jason Zhou，产品设计背景出身
• 订阅数：221K（2026-04）
• 产品：Superdesign.dev（AI 设计迭代工具）、AI Builder Club（AI 构建者社区）
• 定位：VibeCoding 领域最系统化的教育者之一，擅长将复杂 AI 工作流拆解为可操作步骤

高质量视频精选（VibeCoding 方向）

1. Claude Designer is insane…Ultimate vibe coding UI workflow

YouTube 链接 | 189K 播放 | 16:38

核心内容：

• 用 Claude 的并行任务（Parallel Tasks）生成多个 UI 变体，快速迭代设计
• CLAUDE.md 自定义设计规则，让 AI 遵循你的设计系统
• Commands 工作流（.claude/commands/）：extract_design_system 提取设计系统，iterate_design 迭代设计
• Git worktree 创建多个沙盒环境并行开发，互不干扰
• 演示 Superdesign.dev 的 AI 设计迭代能力

关键摘录：

核心方法论是分离创意思维和实现。先用 CLAUDE.md 定义设计规则（颜色、间距、字体），然后用 Commands 封装重复操作（提取设计系统、迭代设计），最后用 worktree 并行跑多个设计变体。

分布趋同问题（Distributional Convergence）：LLM 倾向于输出安全、常见的设计模式，导致所有 AI 生成的界面看起来都一样。解决方法是给 AI 更具体的创意约束和个人风格定义。

---

2. I was using sub-agents wrong…

YouTube 链接 | 118K 播放 | 16:01

核心内容：

• Sub-agent 的正确用法：做研究员，不做执行者
• 通过 .claude/doc/ 文件夹共享上下文，每个 session 用一个上下文文件
• 专家型 sub-agent：shadcn 专家（带 MCP 工具）、Vercel AI SDK 专家（带 v5 文档）
• 上下文传递策略：让 sub-agent 把研究结果写入文件，主 agent 读取文件

关键摘录：

Sub-agents 的最佳角色是研究员——让它们搜集信息、分析选项、写出报告，然后由你来决策和实现。不要让 sub-agent 直接改代码，因为它们缺乏全局上下文。

上下文管理的关键技巧：创建 .claude/doc/ 目录，把项目文档、API 文档、设计规范放在这里。Sub-agent 启动时自动读取这些文件，获得必要的项目上下文。

---

3. Agent memory resolved?

YouTube 链接 | 43K 播放 | 15:28

核心内容：

• oneContext 工具和 Git Context Controller 方法论
• 记忆文件结构：main.md（核心记忆）、commit.md（最近变更）、log.md（变更日志）
• Branch/Commit/Merge 操作管理记忆版本
• 跨 session、跨 agent 的记忆共享

关键摘录：

AI Agent 的记忆问题本质是上下文管理问题。用 Git 的思维方式来管理：main.md 是你的主分支（核心记忆），每次重要操作 commit 一次，需要回溯时看 log.md。

跨 session 记忆的关键是结构化的记忆文件，而不是把所有东西塞进一个 prompt。main.md 只放最核心的信息，commit.md 记录最近变更，log.md 是完整历史。

---

4. Secrets to unlock Gemini 3’s hidden power…

YouTube 链接 | 74K 播放 | 18:54

核心内容：

• GSAP 用于滚动驱动动画，Motion.dev 用于 UI 交互动画
• 动画规划方法论：先创意构思，再技术实现
• Motion.dev MCP server 用于快速检索文档
• Landing page 动画设计的最佳实践

关键摘录：

动画设计的核心是先想清楚你要什么效果，再决定用什么技术。很多人反着来——先看 GSAP 能做什么，再想怎么用，结果就是堆砌效果。

分离关注点：创意层面想「用户滚动到这里应该看到什么」，技术层面想「用 GSAP ScrollTrigger 还是 Motion.dev 的 animate API」。

方法论总结

AI Jason 的内容有几个一贯的方法论主题：

1. 分离创意和实现 — 无论是设计还是动画，先想清楚目标，再选择工具
2. 结构化上下文管理 — 用文件系统组织 AI 的上下文，而不是堆 prompt
3. 专家分工 — 让 sub-agent 各司其职（研究员、设计师、文档专家）
4. 工作流封装 — 用 Commands 和 CLAUDE.md 把重复操作标准化

相关链接

• Superdesign.dev — AI 设计迭代工具
• AI Builder Club — AI 构建者社区
• Twitter/X — Jason 的社交媒体