00:00 / 02:44
连播
清屏
智能
倍速
点赞36
00:00 / 10:38
连播
清屏
智能
倍速
点赞199
00:00 / 00:23
连播
清屏
智能
倍速
点赞13
用AI生成完整UI 今天用 ide 对接 设计工具 MCP,直接在 设计工具 画布里用 AI 生成完整 UI,全程工具内操作,不用来回导来导去。 先把两个工具都更到最新版,登录好账号, 设计工具 新建空白文件,准备就绪。 找到设计工具 客户端,点左上角菜单,找到 MCP 服务」,点击开启 。底部出现提示,就说明本地服务已经跑起来了。之后在设计工具的官网上。找到他对应的mcp。接入ide的方式。比如咱们这个情况选择先不找他们的配置。打开咱们的ide点击设置添加mcp服务。这里面我们已经提前添加好了。咱们点击添加加咱们刚复制好的复制到这里就行。 第三步,直接在 ide 对话里说需求: 粘贴提示词包括调用的mcp和需求。之后复制页面链接。在这里添加到提示词。 AI 直接在 设计工具 画布上实时生成完整可编辑 UI,图层、组件、布局全部自动排好,并且手动支持更改和改进。 还能继续让 AI 微调:统一主色、改圆角、调间距,自动对齐栅格和设计规范等。 最后提醒:全程保持 设计工具 客户端后台运行,ide 配置正确,连接就不会断。 之后试试用ai设计ui生成小程序吧 现在AI已经生成完毕了。 用微信开发者打开看看效果 选择咱们的项目文件夹 效果还是不错的 和设计工具里设计的是一样的。 以上就是这次的分享,记得点赞关注。
00:00 / 02:27
连播
清屏
智能
倍速
点赞43
20万行代码先别硬读 今天监控里最值得做成视频的,是 Understand-Anything。 它不是普通代码搜索工具,而是把代码库、知识库、文档集变成一张可以探索、搜索、追问的知识图。 我把它做成了一个 36 秒竖屏短视频,核心判断就一句: 新同事进大项目,最缺的不是更多搜索结果,而是第一张地图。 📌 我关注的 5 个点 ① 多 Agent 分析项目 它会扫描项目,抽取文件、函数、类和依赖关系,再生成交互式 dashboard。 ② 不是“图很酷”,而是能问 比如直接问:哪块处理登录? 它支持 fuzzy + semantic search,能按语义帮你找相关节点。 ③ 自动生成 Guided Tours 新人读代码最怕顺序错。它会按依赖关系生成导览,让你先看骨架,再看细节。 ④ 改代码前看影响范围 Diff impact analysis 的价值很实际:改一行之前,先看看可能牵动 API、Service、Data 还是 UI。 ⑤ 团队可以共用这张图 知识图可以跟着仓库走,适合新人 onboarding、PR review、文档维护。 🎯 我的判断 AI 编程工具下一步,不只是替你多写几行代码,而是让你少迷路。 代码理解最难的不是搜到某个函数,而是知道它为什么在那里、连着谁、改了会影响什么。 如果你接手一个很大的老项目,你会先读文档、问同事,还是先让 AI 画一张项目地图? 欢迎大家进群沟通交流。 #AI编程 #代码阅读 #开源项目 #知识图谱 #Agent #开发者工具 #程序员 #项目交接 #PRReview #2026
00:00 / 00:36
连播
清屏
智能
倍速
点赞56