1小时复刻FigJam,Claude Code+Opus 4把“写代码”这件事彻底翻了

AI PM 编辑部 · 2025年06月05日 · 3 阅读 · AI/人工智能

正在加载视频...

视频章节

如果你还以为 AI 编程只是“补全几行代码”,这条视频会直接打脸:Mckay Wrigley 用 Claude Code 搭配 Opus 4,在不到一小时里推进一个 FigJam 克隆,从任务拆解、代码探索到交互实现,几乎把“工程师的一天”交给了 AI。

1小时复刻FigJam,Claude Code+Opus 4把“写代码”这件事彻底翻了

如果你还以为 AI 编程只是“补全几行代码”,这条视频会直接打脸:Mckay Wrigley 用 Claude Code 搭配 Opus 4,在不到一小时里推进一个 FigJam 克隆,从任务拆解、代码探索到交互实现,几乎把“工程师的一天”交给了 AI。

最反直觉的瞬间:不是写代码,而是先写 to‑do

视频一上来并没有出现大家熟悉的“生成组件”“写函数”,而是一个看似无聊的动作:让 Claude Code 先生成一个 to‑do.md。但这恰恰是全片最关键的转折点。

Claude Code 没有被当成“代码打印机”,而是被当成一个真正的工程合作者。它先思考:这个 FigJam 克隆要做什么?需要哪些阶段?哪些是必须先完成的?结果是,一个被拆成多个 phase 的待办清单,甚至还预留了 review 环节。

这一幕之所以震撼,是因为它暴露了一个行业正在发生的变化:AI 编程的瓶颈已经不在“会不会写代码”,而在“会不会像工程师一样思考工作流程”。Opus 4 在这里展示的,并不是语法能力,而是项目级别的结构感。

Claude Code 在干什么?它在“阅读”和“理解”你的项目

接下来的视频节奏明显不同于传统 AI 编程演示。Claude Code 并没有被反复喂 prompt,而是被允许“探索代码库”。

你能看到它先浏览现有结构,再对照 FigJam 的真实产品行为,提出需要补齐的功能点,比如文本、拖拽、画布交互等。这不是简单的“你说一句,它改一行”,而是更接近一个新同事入职后的状态:先熟悉环境,再动手。

这一点对很多从业者来说是个提醒。过去我们评估 AI 编程工具,常看它能不能一次性生成正确代码;而在这个 demo 里,更重要的是它能不能在不确定性中持续推进项目。Claude Code 的价值,开始体现在“上下文保持”和“长期任务连续性”上。

从 mock data 到真实交互:AI 不只是快,还会自己找事做

在中段,项目进入最容易翻车的部分:交互细节。拖拽、复制粘贴、画布移动,这些都是前端工程里最消耗耐心的地方。

有意思的是,Claude Code 不仅按指令实现功能,还会主动提出用 mock data 先跑通流程,等预览能用之后再继续加功能。视频里多次出现“我们先 keep things moving”的表述,背后其实是 AI 在做工程权衡:不追求一次性完美,而是保证可用性。

甚至当某些功能(比如 copy & paste)出现问题时,Claude Code 会记录在 to‑do 中,作为后续 checkpoint。这种行为模式,已经非常接近成熟工程团队里的迭代节奏。

真正的未来感:AI 开始管理自己的工作清单

接近尾声时,有一个容易被忽略但极其重要的细节:Claude Code 会更新自己的 to‑dos。

这意味着什么?意味着 AI 不只是被动响应,而是在维护一个“项目记忆”。哪些做完了,哪些还没做,哪些需要回头修,它都有状态感。这已经不是“智能助手”,而更像一个初级但可靠的 AI 工程代理。

在真实世界的项目中,这一点的价值远大于单点能力提升。因为软件开发最大的成本,从来不是写代码,而是上下文切换和任务管理。而这正是 Claude Code + Opus 4 开始显露锋芒的地方。

这不是 FigJam 克隆,而是 AI Coding Agents 的预演

如果只把这条视频理解为“用 AI 快速做了个玩具应用”,那就低估它了。真正值得关注的是:整个过程中,人类更像是产品经理和审稿人,而不是一行行敲代码的执行者。

Mckay 多次强调,在真实项目里会继续 checkpoint、持续推进。这其实已经勾勒出一种新工作流:人类定义方向和边界,AI 负责持续实现、修正、记录。

当 Opus 4 这种模型被深度集成到 Claude Code 这样的工具中,AI 编程开始从“功能型工具”跃迁为“流程型角色”。这,才是未来真正改变团队结构的地方。

总结

这条视频真正的启示,不是“你也可以 1 小时做个 FigJam”,而是:AI 编程的核心能力正在从“写得快”,转向“想得对、跟得久”。如果你是工程师,现在就该练习如何把任务交给 AI、如何审查它的决策;如果你是技术负责人,更该思考哪些工作可以被这种 AI agent 接管。一个值得你思考的问题是:当 AI 能自己维护 to‑do 列表时,你的团队还需要多少人来做这些事?


关键词: Claude Code, Claude Opus 4, AI 编程, Coding Agents, 软件工程未来

事实核查备注: 需要核查:1)视频发布时间 2025-06-05;2)是否明确使用 Claude Opus 4 型号;3)FigJam 克隆是否在 1 小时内完成;4)视频中提到的 $52.51 是否为实际成本或演示数值;5)Claude Code 是否官方支持 to-do 管理能力