正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

这是我基于 Claude Agent SDK 做的一个类似于 v0 dev 的 Coding Agent，输入 Prompt 就能帮你做一个网页，并且可以实时预览。等我整理一下代码预计下周会开源出来。

宝玉

251,348 subscribers

139,262 次观看 • 1 年前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

23 条评论

宝玉的头像

宝玉11 个月前

完整代码：

simon_wang 的头像

simon_wang1 年前

现在类似的开源项目还蛮多的，不多大多是直接调的api，很多下一步的动作就是全栈，最省力的方案也是大家采用最多的方案就是对接supabase

宝玉的头像

宝玉1 年前

现在的项目基本都不是agent方案，都是提示词出结果那种

Puzige 的头像

Puzige1 年前

蹲

yu Zhao 的头像

yu Zhao11 个月前

期待宝玉老师的作品

乔迈 John Mike 的头像

乔迈 John Mike1 年前

国产AI也可以了，而且支持一键发布和开源

noon 的头像

noon1 年前

期待

zwdroid 的头像

zwdroid1 年前

期待老师大作

小北的头像

小北1 年前

期待

noon 的头像

noon11 个月前

宝玉老师，我最近也在探索 claude agent sdk ，请教一个问题，我使用 ts sdk 指定了工作目录没有生效，始终以当前服务的路径作为工作路径

宝玉的头像

宝玉11 个月前

有个cwd参数，设置对了就没问题

noon 的头像

noon11 个月前

谢谢宝玉老师，我再研究一下这个参数，给 cwd 参数试了绝对路径相对路径都未生效，明天再研究一下

宝玉的头像

宝玉11 个月前

FYI

宝玉的头像

宝玉11 个月前

process.cwd 是执行node的目录，另外事先要创建好目录

noon 的头像

noon11 个月前

谢谢宝玉老师，已经成功了，是我传参有问题

Akaza 的头像

Akaza1 年前

不愧是宝玉老师

guile 的头像

guile11 个月前

佬什么时候开园

宝玉的头像

宝玉11 个月前

估计周末吧

AChang 的头像

AChang1 年前

@HuoQubot

Raymond Yuchen Wang 的头像

Raymond Yuchen Wang1 年前

请问这种可以缩放的视频是如何录制的？

宝玉的头像

宝玉1 年前

@lxfater 的 DemoGet

Raymond Yuchen Wang 的头像

Raymond Yuchen Wang11 个月前

@lxfater 非常感谢！

林克 Link 的头像

林克 Link1 年前

mark，宝玉老师，做的这个coding Agent消耗了多少token呢？

相关视频

还没体验过 Pi 或 Craft agent 的朋友，建议现在就去试一次。你会立刻明白我上个月说那句话时是什么心情。我之前就讲过：未来程序员不再主要“做需求”，而是“做 agent”。agent 用来把你的能力蒸馏出来：你只要把需求说清楚，剩下的交给它完成。如果你要研究怎么做一个 code agent，别从 0 开始，直接从 Pi agent 起步。它的可扩展性很好，集成进现有业务会省掉大量时间。如果你要研究怎么做一个类似 codex desktop 的产品，那就从 Craft agent 入手。它基于 Pi agent 和 Claude agent，功能完整、覆盖面也足。觉得复杂也没关系：能裁就裁。Claude agent sdk、messaging-gateway 这些都可以精简掉，留下的就是实打实的核心能力。我已经基于它二开了一个新产品，叫 Echo，接入了技能市场，流程非常顺滑。它现在就是我的独立开发搭子，后续开发、运营我都在它上面跑。

还没体验过 Pi 或 Craft agent 的朋友，建议现在就去试一次。你会立刻明白我上个月说那句话时是什么心情。我之前就讲过：未来程序员不再主要“做需求”，而是“做 agent”。agent 用来把你的能力蒸馏出来：你只要把需求说清楚，剩下的交给它完成。如果你要研究怎么做一个 code agent，别从 0 开始，直接从 Pi agent 起步。它的可扩展性很好，集成进现有业务会省掉大量时间。如果你要研究怎么做一个类似 codex desktop 的产品，那就从 Craft agent 入手。它基于 Pi agent 和 Claude agent，功能完整、覆盖面也足。觉得复杂也没关系：能裁就裁。Claude agent sdk、messaging-gateway 这些都可以精简掉，留下的就是实打实的核心能力。我已经基于它二开了一个新产品，叫 Echo，接入了技能市场，流程非常顺滑。它现在就是我的独立开发搭子，后续开发、运营我都在它上面跑。

Fox

114,448 次观看 • 3 个月前

就在我剪视频的时候，Beep Beep已经在 Bitget Wallet上线活动了！这次有两个亮点：首个Agent雇佣限时免费，持续到 6 月 9 日。 Beep现在支持两类全委托Agent：一类是基于Polymarket的预测市场交易Agent；一类是基于Hyperliquid的链上合约交易Agent。加起来覆盖加密 + RWA一共1900 多种资产。简单说，就是你可以直接雇一个Agent，帮你盯市场、找机会、执行策略。一个Agent，一键搞定！不仅如此，这次活动还有合计35,000 USD奖池！我把链接放评论区了，想体验Agent交易的家人们可以去试一下！

就在我剪视频的时候，Beep Beep已经在 Bitget Wallet上线活动了！这次有两个亮点：首个Agent雇佣限时免费，持续到 6 月 9 日。 Beep现在支持两类全委托Agent：一类是基于Polymarket的预测市场交易Agent；一类是基于Hyperliquid的链上合约交易Agent。加起来覆盖加密 + RWA一共1900 多种资产。简单说，就是你可以直接雇一个Agent，帮你盯市场、找机会、执行策略。一个Agent，一键搞定！不仅如此，这次活动还有合计35,000 USD奖池！我把链接放评论区了，想体验Agent交易的家人们可以去试一下！

SukiSu

135,607 次观看 • 4 个月前

最近看到很多人在聊 Vibe Coding，我也下了软件试了下。作为一个没有任何编程和计算机基础的人，竟然真的靠“聊天”做出了一个在线个人网页😂 过程其实很有意思：我负责描述想要的 vibe和网页内容：自我介绍，风格类似iOS17 玻璃质感、淡绿色、按钮要更深一点… 然后用 GPT 帮我把这些抽象需求翻译成可执行的 prompt，Cursor 再根据 prompt 自动改代码、预览效果。等于我完全不写代码，只是在指导两个 AI 结对编程： GPT 负责把我的中文需求变成工程语言 Cursor 负责真正写代码、渲染页面我只需要根据网页呈现的结果反馈给GPT：这不够玻璃，再绿一点，加点光效等最后用 Vercel，上线成一个真正的网址（但Deploy完显示404了..🥹 一套下来体验感就是——我们都向往“Vibe Coding” 的理想目标——那种“言出法随”的魔法，只要说话，AI就能完美实现一切。但我们必须承认一个现实：以当前AI（无论是Claude、GPT）的能力，目前还远不足以支撑这个理想。尝试AI“对齐颗粒度“，以学习的姿态打造AI时代的「超级个体」

最近看到很多人在聊 Vibe Coding，我也下了软件试了下。作为一个没有任何编程和计算机基础的人，竟然真的靠“聊天”做出了一个在线个人网页😂 过程其实很有意思：我负责描述想要的 vibe和网页内容：自我介绍，风格类似iOS17 玻璃质感、淡绿色、按钮要更深一点… 然后用 GPT 帮我把这些抽象需求翻译成可执行的 prompt，Cursor 再根据 prompt 自动改代码、预览效果。等于我完全不写代码，只是在指导两个 AI 结对编程： GPT 负责把我的中文需求变成工程语言 Cursor 负责真正写代码、渲染页面我只需要根据网页呈现的结果反馈给GPT：这不够玻璃，再绿一点，加点光效等最后用 Vercel，上线成一个真正的网址（但Deploy完显示404了..🥹 一套下来体验感就是——我们都向往“Vibe Coding” 的理想目标——那种“言出法随”的魔法，只要说话，AI就能完美实现一切。但我们必须承认一个现实：以当前AI（无论是Claude、GPT）的能力，目前还远不足以支撑这个理想。尝试AI“对齐颗粒度“，以学习的姿态打造AI时代的「超级个体」

Mercy

32,119 次观看 • 10 个月前

我全程没自己写代码，做了一个 Agent 帮我24小时干活。现在它每天早上会自动从全网信息源头抓取内容，整理成一份AI趋势日报，还会从里面挑出最适合做AI自媒体内容的选题角度。这期视频，我会手把手带你从0到1，快速搭建并且部署一个能24小时帮你干活的Agent。

我全程没自己写代码，做了一个 Agent 帮我24小时干活。现在它每天早上会自动从全网信息源头抓取内容，整理成一份AI趋势日报，还会从里面挑出最适合做AI自媒体内容的选题角度。这期视频，我会手把手带你从0到1，快速搭建并且部署一个能24小时帮你干活的Agent。

阿西_出海

23,144 次观看 • 3 个月前

本期Vibe Coding预告，不写一行代码，只用3个提示词，带着大家做一个帮外国人学习中文的SaaS网站，同时学会接入Creem的三类产品的支付方式：多SKU支付、一次性支付、订阅支付！项目做完基本就是一个能商业化使用的MVP版本了，学员可以直接拿源码赚美金。视频在剪辑了，预计周五在我的课程中发布！地址见评论区 👇

本期Vibe Coding预告，不写一行代码，只用3个提示词，带着大家做一个帮外国人学习中文的SaaS网站，同时学会接入Creem的三类产品的支付方式：多SKU支付、一次性支付、订阅支付！项目做完基本就是一个能商业化使用的MVP版本了，学员可以直接拿源码赚美金。视频在剪辑了，预计周五在我的课程中发布！地址见评论区 👇

Yihui

25,027 次观看 • 1 年前

了解我的友友应该知道，我一直没有用 Cursor 还有 Claude code 我算是见证 TRAE 一路走来的那个人这下好了，Trae 2.0 整了个大活 “SOLO mode” 你可以理解为一个可以操控所有编程工具的Agent 终端、文档、IDE、部署、浏览器（预览）以及其他的开发全流程，Trae 一个就够了，我会继续分享使用体验

了解我的友友应该知道，我一直没有用 Cursor 还有 Claude code 我算是见证 TRAE 一路走来的那个人这下好了，Trae 2.0 整了个大活 “SOLO mode” 你可以理解为一个可以操控所有编程工具的Agent 终端、文档、IDE、部署、浏览器（预览）以及其他的开发全流程，Trae 一个就够了，我会继续分享使用体验

Jackywine

37,907 次观看 • 1 年前

这个开源项目是真屌，一比一复刻任何网站可以配合Claude Code使用，我是用的cursor，给 Agent 提供目标网站的 URL，它会自动帮你克隆整个网站。它会自动去撸目标网站, 然后把整个网站一块一块地拆解重建。试了试我自己当时用Wordpress做的导航网站，一模一样🤡，数据都完完整整爬了下来。

这个开源项目是真屌，一比一复刻任何网站可以配合Claude Code使用，我是用的cursor，给 Agent 提供目标网站的 URL，它会自动帮你克隆整个网站。它会自动去撸目标网站, 然后把整个网站一块一块地拆解重建。试了试我自己当时用Wordpress做的导航网站，一模一样🤡，数据都完完整整爬了下来。

知识分享官

161,046 次观看 • 6 个月前

录了一个视频，分享我去年一个人如何做到年入百万的？同时聊了AI时代下，普通人关于 AI、自媒体、Vibe Coding 、出海的一些机会。希望能对大家有帮助！

录了一个视频，分享我去年一个人如何做到年入百万的？同时聊了AI时代下，普通人关于 AI、自媒体、Vibe Coding 、出海的一些机会。希望能对大家有帮助！

Yihui

471,165 次观看 • 6 个月前

基于MiniMax H3Max的生成速度，我制作了这款简单的互动游戏生成器，无论是真人类型还是二次元galgame都可以实现。只需要输入一段剧本，上传人物参考图，就可以为你定制一个可以互动的剧情，实测下来几乎无延迟，分支出来前就开始在预生成你的剧情分支。

基于MiniMax H3Max的生成速度，我制作了这款简单的互动游戏生成器，无论是真人类型还是二次元galgame都可以实现。只需要输入一段剧本，上传人物参考图，就可以为你定制一个可以互动的剧情，实测下来几乎无延迟，分支出来前就开始在预生成你的剧情分支。

LerSent

274,092 次观看 • 1 个月前

今天没有晚安提示词，周六依旧对这周发的内容做一个汇总，我专门做了一个新的页面来上传图片，所有我做的图片都可以在这里下载，随便使用，要是能标注个来源就更好了。下载地址：

今天没有晚安提示词，周六依旧对这周发的内容做一个汇总，我专门做了一个新的页面来上传图片，所有我做的图片都可以在这里下载，随便使用，要是能标注个来源就更好了。下载地址：

歸藏(guizang.ai)

23,221 次观看 • 3 年前

本来是想随便玩一下的。没想到 Codex 真的用一下午帮我开发了一个非常完整的类似《杀戮尖塔》的卡牌游戏。代码和客户端都已经开源了，大家可以试试

本来是想随便玩一下的。没想到 Codex 真的用一下午帮我开发了一个非常完整的类似《杀戮尖塔》的卡牌游戏。代码和客户端都已经开源了，大家可以试试

歸藏(guizang.ai)

89,061 次观看 • 5 个月前

我的个人网站上线啦：其实之前一直想做自己的个人网站，但是感觉做出来会很无聊，自己没啥可展示的，缺少沉淀做出来的网站可能只是一点设计上的小自嗨。但是近半年做了很多有趣的小产品，自媒体也输出了很多内容，慢慢的找到了自己的风格。我觉得如果有一个网站向大家传达我的一些设计理念，分享我的产品、Skill，并且有一个不被自媒体平台限制的交流渠道是棒的。于是我就花了一个周末的时间 Vibe Coding 了一个个人网站，网站整体还是我最喜欢的克制，现代的风格。简约的同时通过一些小动画来体现一些巧思。网站里我把我过往的所有产品、Skill、过往经历、交流渠道都设计了我喜欢的呈现方式。除此以外，我还做了一个 Skill 批量把我过往的视频内容直接转为图文版本，因为视频里不方便复制一些关键信息，也不方便反复查看，文章模块就能方便大家随时查阅。后续网站完善好就也一起开源喽～欢迎大家关注

我的个人网站上线啦：其实之前一直想做自己的个人网站，但是感觉做出来会很无聊，自己没啥可展示的，缺少沉淀做出来的网站可能只是一点设计上的小自嗨。但是近半年做了很多有趣的小产品，自媒体也输出了很多内容，慢慢的找到了自己的风格。我觉得如果有一个网站向大家传达我的一些设计理念，分享我的产品、Skill，并且有一个不被自媒体平台限制的交流渠道是棒的。于是我就花了一个周末的时间 Vibe Coding 了一个个人网站，网站整体还是我最喜欢的克制，现代的风格。简约的同时通过一些小动画来体现一些巧思。网站里我把我过往的所有产品、Skill、过往经历、交流渠道都设计了我喜欢的呈现方式。除此以外，我还做了一个 Skill 批量把我过往的视频内容直接转为图文版本，因为视频里不方便复制一些关键信息，也不方便反复查看，文章模块就能方便大家随时查阅。后续网站完善好就也一起开源喽～欢迎大家关注

oil-oil

25,746 次观看 • 2 个月前

不二本周的幸福时刻就是偶然在Jackywine 老师的评论里发了一下我的个人网页，结果被好多老师们看到了！！！🥰一天涨粉1000成就达成！于是赶紧拍个视频跟大家分享一下我全程是怎么和我的Agent @ColaOSofficial 一起把我的个人网页搓出来的！！（努力的小女孩一枚！欢迎来我的主页玩：

不二本周的幸福时刻就是偶然在Jackywine 老师的评论里发了一下我的个人网页，结果被好多老师们看到了！！！🥰一天涨粉1000成就达成！于是赶紧拍个视频跟大家分享一下我全程是怎么和我的Agent @ColaOSofficial 一起把我的个人网页搓出来的！！（努力的小女孩一枚！欢迎来我的主页玩：

Esther

24,930 次观看 • 3 个月前

做了一个小功能，把常用的很有用的 shell 命令行做成一个列表，然后点一下就帮你输入到 Terminal 等待你的编辑并回车了……大家可以把你们常用的 shell 命令留在评论区，我把其做到我们 MegaEase 的控制台上……（大家可以上 (国内) 或

做了一个小功能，把常用的很有用的 shell 命令行做成一个列表，然后点一下就帮你输入到 Terminal 等待你的编辑并回车了……大家可以把你们常用的 shell 命令留在评论区，我把其做到我们 MegaEase 的控制台上……（大家可以上 (国内) 或

Hao Chen

258,570 次观看 • 3 年前

Claude Design能提供惊艳的设计，但...我认为必须通过GUI操作的已经是上一个时代的产品了。所以我为你逆向了Claude Design的核心能力，并正式推出：Huashu-Design 一个真正为Agent而生的设计产品现已免费开源：

Claude Design能提供惊艳的设计，但...我认为必须通过GUI操作的已经是上一个时代的产品了。所以我为你逆向了Claude Design的核心能力，并正式推出：Huashu-Design 一个真正为Agent而生的设计产品现已免费开源：

花叔

139,006 次观看 • 5 个月前

hello，大家好，我又来分享用模板做了啥昨天看到 Aniket Pawar 开源了 ogimagecn，一组基于 shadcnui 组件实现的 Open Graph 组件库，种类特别丰富。我一想，可以基于它做个 OG Image Generator，解决大家生成 OG 图的困境。于是下班后用 2个小时实现了这个 OG 图片生成器，免费无广，免注册登录，选择模板，设置字段，预览效果，下载图片。实现方式：基于 TanStarter 模板，用 Pi agent + MiniMax M3 模型，1句提示词，3次微调，自动化部署到 Cloudflare 上线。

hello，大家好，我又来分享用模板做了啥昨天看到 Aniket Pawar 开源了 ogimagecn，一组基于 shadcnui 组件实现的 Open Graph 组件库，种类特别丰富。我一想，可以基于它做个 OG Image Generator，解决大家生成 OG 图的困境。于是下班后用 2个小时实现了这个 OG 图片生成器，免费无广，免注册登录，选择模板，设置字段，预览效果，下载图片。实现方式：基于 TanStarter 模板，用 Pi agent + MiniMax M3 模型，1句提示词，3次微调，自动化部署到 Cloudflare 上线。

Indie Fox

23,130 次观看 • 4 个月前