Загрузка видео...

Не удалось загрузить видео

На главную

全体开发者设计师团队目光停留一下！ Lody 发布了 Remote Preview 模式，你可以在电脑或者手机随时预览开发机器上的前端界面，并且和团队成员一起对页面进行标注评论，Lody 会带着组件信息一键发送给团队的 Agent。 这意味着不再需要开发与设计的多轮对齐，不需要描述组件位置，甚至可以随着多轮修正直接让 Agent 沉淀出设计规范。 更多 Lody 的实用更新👇🏻🧵

leon7hao's profile picture

leon7hao

2,534 subscribers

29,981 просмотров • 2 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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

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

歸藏(guizang.ai)

157,033 просмотров • 9 месяцев назад

我的 UI 再也不会一股AI味了！ 本周 GitHub 最火的设计师项目： awesome-design-md，一周拿下 23k ⭐ Stars，迅速成为设计工具类开源爆款。 亮点一览： - 50+ 顶级产品设计规范 包括 Stripe、Notion、Linear、Figma、Apple 等，每个用 DESIGN.md 文件整理， 覆盖：颜色系统 字体与排版 间距、网格与布局 组件状态与 UI 规范 响应式断点 - 轻量、易用 不依赖 Figma 或复杂工具，普通 Markdown 就能使用 - 快速复用风格 一键套用顶级产品的视觉规则，保证 UI 一致性 - 提升团队效率 将设计语言结构化，减少设计与开发对齐成本，节省从零做设计系统的时间 对团队或独立开发者来说，这可能就是未来设计协作的参考模板。
0:31

我的 UI 再也不会一股AI味了！ 本周 GitHub 最火的设计师项目： awesome-design-md，一周拿下 23k ⭐ Stars，迅速成为设计工具类开源爆款。 亮点一览： - 50+ 顶级产品设计规范 包括 Stripe、Notion、Linear、Figma、Apple 等，每个用 DESIGN.md 文件整理， 覆盖：颜色系统 字体与排版 间距、网格与布局 组件状态与 UI 规范 响应式断点 - 轻量、易用 不依赖 Figma 或复杂工具，普通 Markdown 就能使用 - 快速复用风格 一键套用顶级产品的视觉规则，保证 UI 一致性 - 提升团队效率 将设计语言结构化，减少设计与开发对齐成本，节省从零做设计系统的时间 对团队或独立开发者来说，这可能就是未来设计协作的参考模板。

开发者Hailey

104,859 просмотров • 3 месяцев назад

兄弟们 发现一个牛P的AI设计网站 设计的界面非常精美、炸裂，完全可以直接使用。 最重要的它大幅的简化了对设计提示词的要求 你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计 最牛P的是它还能根据界面设计上下文逻辑 为你生成剩余的二级三级页面... 而且还支持对页面各种元素 、文字、图像等进行精准编辑
2:45

兄弟们 发现一个牛P的AI设计网站 设计的界面非常精美、炸裂，完全可以直接使用。 最重要的它大幅的简化了对设计提示词的要求 你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计 最牛P的是它还能根据界面设计上下文逻辑 为你生成剩余的二级三级页面... 而且还支持对页面各种元素 、文字、图像等进行精准编辑

小互

57,767 просмотров • 1 год назад

🚀Anthropic 悄无声息地推出了一项功能：Agent Teams 让 Claude 在 Claude code 内构建自己的 AI 代理团队! 该功能改变了传统的上下级 AI 架构，允许 Claude 构建一个同级代理团队。 这些代理可以共享任务列表、直接互相发送消息并审查彼此的工作，实现类似于真人团队的协作模式。 在演示中，一个由 QA 工程师、前端开发者和后端开发者组成的 3 人团队展示了这一能力。 QA 代理发现 3 个错误后，直接向前后端开发者发送反馈。开发者修复问题后，应用程序在一轮测试中即成功上线。 该功能在 Claude Code v2.1.32 及更高版本中可用。以下是开启方法与运行规则： 1. 启用方法 确保版本符合要求。在 settings.json 中添加以下配置： "env": { "CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS": "1" } 或者将此内容粘贴给 Claude 并说明“添加到我的设置中”，随后重启。 2. 提示词设定 使用纯英文进行提示。开始时需要设定一个明确的目标（代理启动时没有上下文）。 提示词示例："使用 Sonnet 创建一个 3 人团队"，并详细描述每个角色的职责、交付物以及完成后需要联系的下一个代理。 3. 运行规则 - 每个代理拥有自己的独立文件。 - 必须定义确切的输出。 - 指定明确的通信链路（谁与谁交谈）。 - 团队规模建议保持在 3-5 个代理。 4. 适用场景与限制 该功能适用于有独立部分且可以并行运行的复杂工作。对于简单或顺序任务，不建议使用该功能，因为团队协作会消耗 3-4 倍的 Token。
16:29

🚀Anthropic 悄无声息地推出了一项功能：Agent Teams 让 Claude 在 Claude code 内构建自己的 AI 代理团队! 该功能改变了传统的上下级 AI 架构，允许 Claude 构建一个同级代理团队。 这些代理可以共享任务列表、直接互相发送消息并审查彼此的工作，实现类似于真人团队的协作模式。 在演示中，一个由 QA 工程师、前端开发者和后端开发者组成的 3 人团队展示了这一能力。 QA 代理发现 3 个错误后，直接向前后端开发者发送反馈。开发者修复问题后，应用程序在一轮测试中即成功上线。 该功能在 Claude Code v2.1.32 及更高版本中可用。以下是开启方法与运行规则： 1. 启用方法 确保版本符合要求。在 settings.json 中添加以下配置： "env": { "CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS": "1" } 或者将此内容粘贴给 Claude 并说明“添加到我的设置中”，随后重启。 2. 提示词设定 使用纯英文进行提示。开始时需要设定一个明确的目标（代理启动时没有上下文）。 提示词示例："使用 Sonnet 创建一个 3 人团队"，并详细描述每个角色的职责、交付物以及完成后需要联系的下一个代理。 3. 运行规则 - 每个代理拥有自己的独立文件。 - 必须定义确切的输出。 - 指定明确的通信链路（谁与谁交谈）。 - 团队规模建议保持在 3-5 个代理。 4. 适用场景与限制 该功能适用于有独立部分且可以并行运行的复杂工作。对于简单或顺序任务，不建议使用该功能，因为团队协作会消耗 3-4 倍的 Token。

Lonely

19,793 просмотров • 24 дней назад

今天在Producthunt发现一个AI模型Kombai，可以理解Figma的界面设计并生成对应的前端代码，下面是他们官网的演示视频。 从演示来看生成的代码还是不错的，它的优势在于他不要求设计稿的格式、层级和是否使用组件，无论你怎么嵌套和画出的界面它都能理解。 这比之前通过传统工程化思路从设计稿生成代码要强多了。之前的一些工具要不是处理不了复杂样式，要不就是对设计师的设计稿格式有非常严格的要求。 同时这个模型也支持通过自然语言生成前端界面的代码。 官网链接：
2:32

今天在Producthunt发现一个AI模型Kombai，可以理解Figma的界面设计并生成对应的前端代码，下面是他们官网的演示视频。 从演示来看生成的代码还是不错的，它的优势在于他不要求设计稿的格式、层级和是否使用组件，无论你怎么嵌套和画出的界面它都能理解。 这比之前通过传统工程化思路从设计稿生成代码要强多了。之前的一些工具要不是处理不了复杂样式，要不就是对设计师的设计稿格式有非常严格的要求。 同时这个模型也支持通过自然语言生成前端界面的代码。 官网链接：

歸藏(guizang.ai)

78,671 просмотров • 2 лет назад

lody 桌面端在路上了，不再需要命令行，导入任意目录。随时随地无缝切换电脑和手机让 Claude Code / Codex 干活
0:24

lody 桌面端在路上了，不再需要命令行，导入任意目录。随时随地无缝切换电脑和手机让 Claude Code / Codex 干活

leon7hao

26,715 просмотров • 4 месяцев назад

Replit 发布Replit Agent AI应用开发助手 0 基础编程用户也能开发程序 Replit Agent ，可以让你即使你不会编程，也可以快速创建应用。 你只需要描述你想要的应用，AI 就会帮你自动处理复杂的步骤，从设置开发环境、编写代码、甚至部署到网上。 一气呵成... 而且，你可以随时查看和修改 AI 生成的代码，学习编程的过程。它还支持手机使用。 详细：
3:24

Replit 发布Replit Agent AI应用开发助手 0 基础编程用户也能开发程序 Replit Agent ，可以让你即使你不会编程，也可以快速创建应用。 你只需要描述你想要的应用，AI 就会帮你自动处理复杂的步骤，从设置开发环境、编写代码、甚至部署到网上。 一气呵成... 而且，你可以随时查看和修改 AI 生成的代码，学习编程的过程。它还支持手机使用。 详细：

小互

13,185 просмотров • 1 год назад

Codex做网页设计开发的正确打开方式：内置的Build Web Apps插件 该插件包含设计、ui组件、测试验收等一系列网页开发skills，直接在官方插件市场下载即可配置 下面是我用该插件做的世界杯主题网站，历史感拉满了
0:29

Codex做网页设计开发的正确打开方式：内置的Build Web Apps插件 该插件包含设计、ui组件、测试验收等一系列网页开发skills，直接在官方插件市场下载即可配置 下面是我用该插件做的世界杯主题网站，历史感拉满了

Sac

53,177 просмотров • 1 месяц назад

很多人在介绍设计模式的时候，老是把经典的设计模式往前端套。其实有时候在某些面向对象语言中的设计模式，在前端中就是一种语言特性，反之亦然。 我很高兴发现这个网站上介绍了一些社区实践而来的“更加接底气”设计模式。 网站使用CodeSandbox和动画解释了40 多种设计模式和性能优化技巧。 不过仅仅支持React和原生javascript。需要的同学可以看看。
0:32

很多人在介绍设计模式的时候，老是把经典的设计模式往前端套。其实有时候在某些面向对象语言中的设计模式，在前端中就是一种语言特性，反之亦然。 我很高兴发现这个网站上介绍了一些社区实践而来的“更加接底气”设计模式。 网站使用CodeSandbox和动画解释了40 多种设计模式和性能优化技巧。 不过仅仅支持React和原生javascript。需要的同学可以看看。

铁锤人

12,919 просмотров • 2 лет назад

Arc 浏览器团队的 AI 浏览器 Dia 终于可以用了 试了一下，可以看视频的演示 目前可以读取你本地打开的任何网页或者全部网页进行对话 网页读取的颗粒度非常细，可以读到指定位置的内容 目前还不支持之前演示的自动操作网页的能力 需要邀请的可以在评论区传火，我的码发完了
0:30

Arc 浏览器团队的 AI 浏览器 Dia 终于可以用了 试了一下，可以看视频的演示 目前可以读取你本地打开的任何网页或者全部网页进行对话 网页读取的颗粒度非常细，可以读到指定位置的内容 目前还不支持之前演示的自动操作网页的能力 需要邀请的可以在评论区传火，我的码发完了

歸藏(guizang.ai)

56,879 просмотров • 1 год назад

溜儿，把从真实网站提取的设计规范做成了现成的 DESIGN.md集合，直接丢一个DESIGN.md+描述，AI即能生成对应精美UI 就是用纯Markdown描述设计系统，AI读取它来生成对应的UI界面，直接放到根目录里，AI即能理解并生成 这个库叫awesome-design-md，目前收录了50+知名网站设计，涵盖AI&LLM、开发工具、后台与数据库、金融、电商、媒体、设计等等领域 每个文件包含完整设计系统规范，颜色、字体、组件、布局等，另外还附带preview.html和preview-dark.html预览文件 相当于一个设计系统prompt库，AI一键生成风格一致的界面，对vibe coding来说比较实用，不过1:1复刻某品牌完整原版需谨慎 #AI设计 #awesomedesignmd #vibecoding
0:35

溜儿，把从真实网站提取的设计规范做成了现成的 DESIGN.md集合，直接丢一个DESIGN.md+描述，AI即能生成对应精美UI 就是用纯Markdown描述设计系统，AI读取它来生成对应的UI界面，直接放到根目录里，AI即能理解并生成 这个库叫awesome-design-md，目前收录了50+知名网站设计，涵盖AI&LLM、开发工具、后台与数据库、金融、电商、媒体、设计等等领域 每个文件包含完整设计系统规范，颜色、字体、组件、布局等，另外还附带preview.html和preview-dark.html预览文件 相当于一个设计系统prompt库，AI一键生成风格一致的界面，对vibe coding来说比较实用，不过1:1复刻某品牌完整原版需谨慎 #AI设计 #awesomedesignmd #vibecoding

AIGCLINK

11,646 просмотров • 3 месяцев назад

有一个超级暴论： 现阶段的 OpenClaw 根本不适合团队协作！！ 折腾过的人，应该都有类似的感受！ OpenClaw 本质上其实是一个很强的 Agent 底座！ 你可以把它接入到自己的团队工作流里， 把 Agent 搭起来，把渠道接进去，把能力跑通， 每个人都能让Agent干事情， 但是再进一步就会发现真正的问题： 团队怎么一起用？ 中间产出和最终结果都沉淀在哪？ 前面做过的分析、写过的文档、跑过的方法，怎么变成团队可复用资产？ 新的成员进来，怎么接着往下做，而不是从头再来一遍？ 这些，落到实际的应用中，都是坑！ 最近，Flowus团队开发了一个新产品： Kollab Kollab 似乎解决了上面这些问题，它的思路很直接： 把 Agent 直接变成工作流的一部分。 这是什么意思呢？ OpenClaw 解决的是：我个人怎么拥有一个随叫随到、能力很强、自己可控的 AI。 而 Kollab 解决的是：怎么让 AI 参与真实的团队工作，让做过的事能留下来，方法能复用，团队能协作。 对于内容团队、研究团队、小型创业团队来说，一定知道这其中的区别！！ 你可以很简单的建立不同的项目组，或者工作空间， 每个项目组里都有 Agent，项目推进的全过程中， 所有的工作流、产出和方法论，都会沉淀在这个空间里。 当下次遇到同类型的B项目时，就可以一键复用A项目沉淀下来“工作资产”。 我觉得，这才是团队协作里最有价值的部分， 尽可能减少重复劳动！！ 不管是传统团队协作，还是AI时代的团队协作，都如此。 所以，AI 产品真正的分水岭， 不是谁更像人，也不是谁接了更多更强的模型。 而是，到底能不能提供一个能沉淀、能协作、能推进的工作空间。
0:49

有一个超级暴论： 现阶段的 OpenClaw 根本不适合团队协作！！ 折腾过的人，应该都有类似的感受！ OpenClaw 本质上其实是一个很强的 Agent 底座！ 你可以把它接入到自己的团队工作流里， 把 Agent 搭起来，把渠道接进去，把能力跑通， 每个人都能让Agent干事情， 但是再进一步就会发现真正的问题： 团队怎么一起用？ 中间产出和最终结果都沉淀在哪？ 前面做过的分析、写过的文档、跑过的方法，怎么变成团队可复用资产？ 新的成员进来，怎么接着往下做，而不是从头再来一遍？ 这些，落到实际的应用中，都是坑！ 最近，Flowus团队开发了一个新产品： Kollab Kollab 似乎解决了上面这些问题，它的思路很直接： 把 Agent 直接变成工作流的一部分。 这是什么意思呢？ OpenClaw 解决的是：我个人怎么拥有一个随叫随到、能力很强、自己可控的 AI。 而 Kollab 解决的是：怎么让 AI 参与真实的团队工作，让做过的事能留下来，方法能复用，团队能协作。 对于内容团队、研究团队、小型创业团队来说，一定知道这其中的区别！！ 你可以很简单的建立不同的项目组，或者工作空间， 每个项目组里都有 Agent，项目推进的全过程中， 所有的工作流、产出和方法论，都会沉淀在这个空间里。 当下次遇到同类型的B项目时，就可以一键复用A项目沉淀下来“工作资产”。 我觉得，这才是团队协作里最有价值的部分， 尽可能减少重复劳动！！ 不管是传统团队协作，还是AI时代的团队协作，都如此。 所以，AI 产品真正的分水岭， 不是谁更像人，也不是谁接了更多更强的模型。 而是，到底能不能提供一个能沉淀、能协作、能推进的工作空间。

沐阳

51,046 просмотров • 2 месяцев назад

如果你在 vibe coding，一定要来试一下 Lody，尤其是需要多端丝滑同步体验的，用过的都说好。 过年偷懒了一直没有整理 Lody 更新日志👇🏻
0:45

如果你在 vibe coding，一定要来试一下 Lody，尤其是需要多端丝滑同步体验的，用过的都说好。 过年偷懒了一直没有整理 Lody 更新日志👇🏻

leon7hao

12,322 просмотров • 4 месяцев назад

脑控升级 Neuralink介绍他们的"车队团队"——一个正在研发由脑植入设备控制的辅助机器人设备的团队，用来打开电灯开关、打开冰箱、照顾自己，实现现实生活中的身体独立。 工程师介绍这就是辅助机械臂，简称ARA。
1:00

脑控升级 Neuralink介绍他们的"车队团队"——一个正在研发由脑植入设备控制的辅助机器人设备的团队，用来打开电灯开关、打开冰箱、照顾自己，实现现实生活中的身体独立。 工程师介绍这就是辅助机械臂，简称ARA。

Inty News

12,558 просмотров • 2 месяцев назад

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文， 实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题
1:15

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文， 实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

Paidax

172,986 просмотров • 4 месяцев назад

马斯克刚刚宣布：手机信号盲区只剩下两年时间了，但前提是太空和地球能够完美地并行运行。 卫星直连手机已不再是纸上谈兵。SpaceX 正在大规模生产这种设备。只是你的手机目前还无法与之通信。 马斯克：“硬件方面需要进行一些改进。” 🖊️从轨道传输高质量带宽需要不同的芯片组。目前的手机缺少 SpaceX 卫星广播频率所需的无线电硬件。这无法通过更新解决，需要重新设计芯片组。 两个工程战线同时展开，两者都必须成功。
1:05

马斯克刚刚宣布：手机信号盲区只剩下两年时间了，但前提是太空和地球能够完美地并行运行。 卫星直连手机已不再是纸上谈兵。SpaceX 正在大规模生产这种设备。只是你的手机目前还无法与之通信。 马斯克：“硬件方面需要进行一些改进。” 🖊️从轨道传输高质量带宽需要不同的芯片组。目前的手机缺少 SpaceX 卫星广播频率所需的无线电硬件。这无法通过更新解决，需要重新设计芯片组。 两个工程战线同时展开，两者都必须成功。

KK.aWSB

153,220 просмотров • 4 месяцев назад

这次轮到设计师要失业了！Uizard 几分钟就能输出优质的设计😍 我一个设计小白，花 10 秒时间描述需求，立刻生成了一套（注意是一套！）页面设计。还有编辑功能，生成后不满意可随时调整。 过去需要花费数千元外包的工作，现在自己动动手就能完成，这是什么概念？ 链接见评论👇
2:13

这次轮到设计师要失业了！Uizard 几分钟就能输出优质的设计😍 我一个设计小白，花 10 秒时间描述需求，立刻生成了一套（注意是一套！）页面设计。还有编辑功能，生成后不满意可随时调整。 过去需要花费数千元外包的工作，现在自己动动手就能完成，这是什么概念？ 链接见评论👇

MapleShaw

120,081 просмотров • 1 год назад

ChatWise 加入 MCP 以后太爽了！ 一键配置之后直接从 FIgma 设计稿还原了一个网页出来 内容和样式位置都是对的，直接微调就能用 这不比 Figma 自己的开发者模式强一万倍，那破玩意还卖的贵
0:41

ChatWise 加入 MCP 以后太爽了！ 一键配置之后直接从 FIgma 设计稿还原了一个网页出来 内容和样式位置都是对的，直接微调就能用 这不比 Figma 自己的开发者模式强一万倍，那破玩意还卖的贵

歸藏(guizang.ai)

92,897 просмотров • 1 год назад