正在加载视频...

视频加载失败

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

刚逛shadcn的注册表，发现Kokonut UI的这一系列AI组件还挺不错的，非常适合用来做AI Chat相关的产品开发，推荐给大家。 shadcn的注册表中的组件也都可以使用shadcn MCP引入，如果不知道的可以看我的MCP那期课程，课程地址见评论区👇👇👇

Yihui

54,856 subscribers

12,110 次观看 • 10 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

这些组件的效果让opus/fable/gpt 从零实现是很难的，但是如果给 AI 源码，他们可以很好的复刻出来，应用到你自己的项目上。所以我们这些组件都开源了，还做了 mcp。另外，你也可以去 appstore 下载 demo app，这样方便挑组件效果。

这些组件的效果让opus/fable/gpt 从零实现是很难的，但是如果给 AI 源码，他们可以很好的复刻出来，应用到你自己的项目上。所以我们这些组件都开源了，还做了 mcp。另外，你也可以去 appstore 下载 demo app，这样方便挑组件效果。

John Wayne

86,394 次观看 • 1 个月前

现在基于 BaseUI 的一个非常美观的组件库是 coss/ui 适合现代极简审美的组件库，看多了 shadcn/ui，那么这个绝对是一股新的风格和感觉。基于 tailwind.css V4, 也支持 shadcn 的安装方式，我感觉 cloudflare 的新设计和这个感觉非常像, 看起来很心动。

现在基于 BaseUI 的一个非常美观的组件库是 coss/ui 适合现代极简审美的组件库，看多了 shadcn/ui，那么这个绝对是一股新的风格和感觉。基于 tailwind.css V4, 也支持 shadcn 的安装方式，我感觉 cloudflare 的新设计和这个感觉非常像, 看起来很心动。

Viking

109,381 次观看 • 8 个月前

🥳本周课程即将发布《用开源赚钱？结合Stitch + Github开源复刻草料二维码》！作为一个纯小白，如何使用Google的Stitch做产品设计图？如何使用Github的开源项目构建自己的项目 + Github项目中要注意的点和协议规则，确保可以商业化使用？还有开源项目盈利的3种方式。这一期的课程都会讲到，见我的AI编程课：

🥳本周课程即将发布《用开源赚钱？结合Stitch + Github开源复刻草料二维码》！作为一个纯小白，如何使用Google的Stitch做产品设计图？如何使用Github的开源项目构建自己的项目 + Github项目中要注意的点和协议规则，确保可以商业化使用？还有开源项目盈利的3种方式。这一期的课程都会讲到，见我的AI编程课：

Yihui

43,181 次观看 • 9 个月前

🤯 免费“白嫖”这套动画组件，让你的 Shadcn UI “骚”到飞起！(开源、可定制，杀死静态界面!) Animate UI，一套基于 TypeScript / Tailwind CSS / Motion 构建的免费、开源 React 动画组件库，简直是为 Shadcn UI 量身定做（当然也能单独用）！✨ 链接见评论👇

🤯 免费“白嫖”这套动画组件，让你的 Shadcn UI “骚”到飞起！(开源、可定制，杀死静态界面!) Animate UI，一套基于 TypeScript / Tailwind CSS / Motion 构建的免费、开源 React 动画组件库，简直是为 Shadcn UI 量身定做（当然也能单独用）！✨ 链接见评论👇

MapleShaw

21,269 次观看 • 1 年前

这个 AI UI 网站火了，我见过最好的UI设计😃😲 Beautiful UI 是 Shane Levine 做的一套专门给 AI 原生产品设计的 UI 组件库。以前 shadcn/ui 解决的是按钮、表格、弹窗这些传统网页组件，而 Beautiful UI 开始解决 AI 产品真正需要的东西。里面已经做了 19 类组件：AI Thinking、流式回答、Tool Call、任务执行状态、Agent 操作前审批、引用来源、上下文卡片、AI 修改 Diff、代码生成、Prompt 输入框等等。如果你做 Agent、AI SaaS、Claude/Cursor 类产品，很多交互几乎可以直接参考甚至复制过去。想要网站的同学，评论区吱声……

这个 AI UI 网站火了，我见过最好的UI设计😃😲 Beautiful UI 是 Shane Levine 做的一套专门给 AI 原生产品设计的 UI 组件库。以前 shadcn/ui 解决的是按钮、表格、弹窗这些传统网页组件，而 Beautiful UI 开始解决 AI 产品真正需要的东西。里面已经做了 19 类组件：AI Thinking、流式回答、Tool Call、任务执行状态、Agent 操作前审批、引用来源、上下文卡片、AI 修改 Diff、代码生成、Prompt 输入框等等。如果你做 Agent、AI SaaS、Claude/Cursor 类产品，很多交互几乎可以直接参考甚至复制过去。想要网站的同学，评论区吱声……

比特币橙子Trader

20,305 次观看 • 19 天前

Vercel 又推出了 AI Element 基于 shadcn/ui 的一系列和 AI 相关的 React 组件，非常棒。包含一系列常用场景的组件，让我惊喜的是组件粒度非常细，还有Reasoning ， Task，WebPreivew 等等。结合 Vercel 的 AI SDK 这些和 AI 相关的需求都齐活了，而且 API 设计的非常舒服有了这两个，写 Chatbot 要轻松非常多了，真的想写一个基于这两个的轻量级的 Chatbot 了（只是设想啊，这玩意儿坑太多了），数据完全离线，插件化设计，可自定义的主题等等。

Vercel 又推出了 AI Element 基于 shadcn/ui 的一系列和 AI 相关的 React 组件，非常棒。包含一系列常用场景的组件，让我惊喜的是组件粒度非常细，还有Reasoning ， Task，WebPreivew 等等。结合 Vercel 的 AI SDK 这些和 AI 相关的需求都齐活了，而且 API 设计的非常舒服有了这两个，写 Chatbot 要轻松非常多了，真的想写一个基于这两个的轻量级的 Chatbot 了（只是设想啊，这玩意儿坑太多了），数据完全离线，插件化设计，可自定义的主题等等。

Viking

20,795 次观看 • 11 个月前

很多刚出海的朋友不懂邮件的重要性，邮件服务是出海网站必备的基础设置之一，用户注册、订单发票、newsletter、活动通知、内容营销都离不开它。本节新课《出海必备：快速接入邮件API服务实战课》。我会带着大家使用 sendflare 这个邮件平台，来给你网站接入发送邮件的 API 服务。欢迎在我的课程查看:

很多刚出海的朋友不懂邮件的重要性，邮件服务是出海网站必备的基础设置之一，用户注册、订单发票、newsletter、活动通知、内容营销都离不开它。本节新课《出海必备：快速接入邮件API服务实战课》。我会带着大家使用 sendflare 这个邮件平台，来给你网站接入发送邮件的 API 服务。欢迎在我的课程查看:

Yihui

19,383 次观看 • 4 个月前

今天把我的 AI 漫剧 Skill 更新到 YouMind 当中了，大家可以在 YouMind 上一键安装使用，视频详细讲解了我如何在 YouMind 当中高效的实现 AI 漫剧创作的。 Skill 地址见评论区。注意：Skill 的命令虽然是私密不可见，但是，不影响大家在 YouMind 当中使用，大家注册 YouMind 之后，再打开我的 skill 地址，就可以看到安装按钮了，大家安装到自己的账号下，即可使用了。不得不说 YouMind 绝对是最佳的内容创作平台。 #YouMind

今天把我的 AI 漫剧 Skill 更新到 YouMind 当中了，大家可以在 YouMind 上一键安装使用，视频详细讲解了我如何在 YouMind 当中高效的实现 AI 漫剧创作的。 Skill 地址见评论区。注意：Skill 的命令虽然是私密不可见，但是，不影响大家在 YouMind 当中使用，大家注册 YouMind 之后，再打开我的 skill 地址，就可以看到安装按钮了，大家安装到自己的账号下，即可使用了。不得不说 YouMind 绝对是最佳的内容创作平台。 #YouMind

非著名程序员

18,635 次观看 • 5 个月前

【教程预告】如何开发一个SaaS出海产品，赚两份钱？来看看我怎么通过这个AI试衣服产品实现的？源码获取地址见评论区👇👇

【教程预告】如何开发一个SaaS出海产品，赚两份钱？来看看我怎么通过这个AI试衣服产品实现的？源码获取地址见评论区👇👇

熠辉 Indie

16,929 次观看 • 1 年前

推荐一个朋友负责的新产品，最近高强度使用 Claude Code 写界面时候很容易暴躁，非专业的语言描述会让 AI 越改越偏。而朋友的 Pinspec AI 和 Claude Code 打配合就很好，Pinspec 不仅能生成界面，还可以将 UI 组件用专业的词汇标注呈现出来，间接让我学习专业的组件描述。

推荐一个朋友负责的新产品，最近高强度使用 Claude Code 写界面时候很容易暴躁，非专业的语言描述会让 AI 越改越偏。而朋友的 Pinspec AI 和 Claude Code 打配合就很好，Pinspec 不仅能生成界面，还可以将 UI 组件用专业的词汇标注呈现出来，间接让我学习专业的组件描述。

Linmi

40,406 次观看 • 1 年前

TG 注册的时候，很多朋友还是愿意付这个短信费省事的，但是不知道怎么付。你可以在你的美区 ID 充值礼品卡，然后再付费，可以看下面的教程👇 如果是国内的手机号，有时候付费了可能也收不到，其实可以购买一个美国手机号 0.6 美金去注册 tg 也是可以的

TG 注册的时候，很多朋友还是愿意付这个短信费省事的，但是不知道怎么付。你可以在你的美区 ID 充值礼品卡，然后再付费，可以看下面的教程👇 如果是国内的手机号，有时候付费了可能也收不到，其实可以购买一个美国手机号 0.6 美金去注册 tg 也是可以的

何居上

56,928 次观看 • 2 个月前

国产的Workbuddy，我很推荐大家去使用，一开始我也觉得国产的都比较垃圾，是抄袭。但是使用下来发现真的不是，加入了很多自己的特点，如果你的工作都是腾讯系的话，可以直接无缝的接入，不需要额外的配置，只需要登录账号即可使用。优点： 1、腾讯系软件无缝接入，只需要登录账号授权即可。 2、远程操作只需要通过小程序连接即可。 3、内置了非常多的行业智能体，研究还是了解，相关行业都会非常有帮助。 4、基本上国内有名的大模型都可以免费体验使用，而且有免费的额度。整体下来就一个字全，真的什么功能都有一点，而且还可以配置第三方模型使用，很多时候没有其他第三方ai使用的时候可以用workbuddy作为中转让他去帮你安装其他的AI。

国产的Workbuddy，我很推荐大家去使用，一开始我也觉得国产的都比较垃圾，是抄袭。但是使用下来发现真的不是，加入了很多自己的特点，如果你的工作都是腾讯系的话，可以直接无缝的接入，不需要额外的配置，只需要登录账号即可使用。优点： 1、腾讯系软件无缝接入，只需要登录账号授权即可。 2、远程操作只需要通过小程序连接即可。 3、内置了非常多的行业智能体，研究还是了解，相关行业都会非常有帮助。 4、基本上国内有名的大模型都可以免费体验使用，而且有免费的额度。整体下来就一个字全，真的什么功能都有一点，而且还可以配置第三方模型使用，很多时候没有其他第三方ai使用的时候可以用workbuddy作为中转让他去帮你安装其他的AI。

小墨同学

21,960 次观看 • 2 个月前

Figma 正式推出了官方的远程 MCP 服务器，现在不需要安装 Figma 客户端只需要在支持的软件比如 Cursor、Cluade code 里面添加，并在打开的网页里面完成账户授权就行而且现在设计组件和前端组件的映射信息也可以通过 MCP 获取到，如果你的团队有设计系统的话，然后你的设计稿组件采用程度高前端可以一键用 AI 生成全部的前端代码，而且保证高还原度，设计师和前端协作会到一个新的时代

Figma 正式推出了官方的远程 MCP 服务器，现在不需要安装 Figma 客户端只需要在支持的软件比如 Cursor、Cluade code 里面添加，并在打开的网页里面完成账户授权就行而且现在设计组件和前端组件的映射信息也可以通过 MCP 获取到，如果你的团队有设计系统的话，然后你的设计稿组件采用程度高前端可以一键用 AI 生成全部的前端代码，而且保证高还原度，设计师和前端协作会到一个新的时代

歸藏(guizang.ai)

157,676 次观看 • 11 个月前

现在开发速度越快，但是你的外链是否同样高效？强烈推荐这个插件，除了1000+免费的导航站列表，还可以给到最舒适且快速的外链建设体验！插件链接放评论区👇

现在开发速度越快，但是你的外链是否同样高效？强烈推荐这个插件，除了1000+免费的导航站列表，还可以给到最舒适且快速的外链建设体验！插件链接放评论区👇

Axis Wang

15,926 次观看 • 1 年前

这个央视做的AI动画视频，非常好的讲了美国伊朗这件事的来龙去脉，很有意思。我一开始看到央视做的还以为会很刻板无聊，看了半分钟就停不下来，一直看完了。真没想到挺有趣的，很适合没有持续关注这件事的人，大概了解从开始到现在都发生了什么。（已经可以看到AI生成5分钟以上的优质长视频了，大电影指日可待了）

这个央视做的AI动画视频，非常好的讲了美国伊朗这件事的来龙去脉，很有意思。我一开始看到央视做的还以为会很刻板无聊，看了半分钟就停不下来，一直看完了。真没想到挺有趣的，很适合没有持续关注这件事的人，大概了解从开始到现在都发生了什么。（已经可以看到AI生成5分钟以上的优质长视频了，大电影指日可待了）

陳威廉

154,860 次观看 • 5 个月前

晚上肚子饿，饿了，逛一逛，发现常德鸭霸王店做的鸭子挺不错的。味道可以。看来是个品牌。

晚上肚子饿，饿了，逛一逛，发现常德鸭霸王店做的鸭子挺不错的。味道可以。看来是个品牌。

小叮当的旅行见闻

92,325 次观看 • 7 个月前

BiliNote这个软件是很强大呀，虽然说有些小bug，你们看，我把乔布斯当年发布MacBook Air的发布会，花了几分钟把它转换成了脑图和详细的资料文档这有点爽啊，任何的视频都可以这样做，无论是产品发布，还是学习资料、编程、学习MIT课程都是可以啊它同时支持本地API和在线API，有算力舱的话可以无限调用。如果你有一些在线的API，也可以直接使用，强烈推荐！像这样的应用，懒猫微服还有很多。如果你想要详细了解更多的，可以评论区扣1，我来给您介绍，还有优惠

BiliNote这个软件是很强大呀，虽然说有些小bug，你们看，我把乔布斯当年发布MacBook Air的发布会，花了几分钟把它转换成了脑图和详细的资料文档这有点爽啊，任何的视频都可以这样做，无论是产品发布，还是学习资料、编程、学习MIT课程都是可以啊它同时支持本地API和在线API，有算力舱的话可以无限调用。如果你有一些在线的API，也可以直接使用，强烈推荐！像这样的应用，懒猫微服还有很多。如果你想要详细了解更多的，可以评论区扣1，我来给您介绍，还有优惠

Andy Stewart

10,011 次观看 • 8 个月前

腾讯自家产品WorkBuddy和腾讯云CloudBase 完美结合丝滑入扣的开发微信小程序。于是我想直接在Codex (ChatGPT App) 中也来体验一下，使用腾讯开源的 CloudBase 插件，从零来开发一个小程序会是怎么样的体感呢？录完视频，我发现同样丝滑，而且没有拖泥带水，这波给腾讯再点个赞，不在WorkBuddy 中私藏干货。况且使用微信云环境生态，更省了很多后端服务部署等相关的事情，真的人人都可以开发自己的小程序，而且个人版简单小程序，只需要身份认证就可以过审核。有兴趣的完全可以在 Codex 中试试吧。使用过程大致如下： 1、Codex 中添加插件市场的关联【TencentCloudBase/CloudBase-MCP】 2、Codex 中安装此插件 3、使用插件 4、准备要开发的小程序提示词 5、绑定腾讯云环境 6、绑定微信小程序APPID 7、使用「微信开发者工具」打开指定的目录 8、预览小程序视频中从零开始的记录全过程，很多的注册和使用细节详情请看我的超长文章，真的超长。

腾讯自家产品WorkBuddy和腾讯云CloudBase 完美结合丝滑入扣的开发微信小程序。于是我想直接在Codex (ChatGPT App) 中也来体验一下，使用腾讯开源的 CloudBase 插件，从零来开发一个小程序会是怎么样的体感呢？录完视频，我发现同样丝滑，而且没有拖泥带水，这波给腾讯再点个赞，不在WorkBuddy 中私藏干货。况且使用微信云环境生态，更省了很多后端服务部署等相关的事情，真的人人都可以开发自己的小程序，而且个人版简单小程序，只需要身份认证就可以过审核。有兴趣的完全可以在 Codex 中试试吧。使用过程大致如下： 1、Codex 中添加插件市场的关联【TencentCloudBase/CloudBase-MCP】 2、Codex 中安装此插件 3、使用插件 4、准备要开发的小程序提示词 5、绑定腾讯云环境 6、绑定微信小程序APPID 7、使用「微信开发者工具」打开指定的目录 8、预览小程序视频中从零开始的记录全过程，很多的注册和使用细节详情请看我的超长文章，真的超长。

AI少年

35,685 次观看 • 1 个月前