用 AI 写前端界面你是不是也遇到过这种情况——出来的页面长得都差不多换个 logo 跟没换一样最近翻了几个 GitHub 项目刚好能解诀这类问题顺便也覆盖了 Agent 调用软件和 AI 教学两个方向。UI/UX Pro Max Skill做前端的人都知道AI 写代码快但审美真不行。这个项目就是给 AI 编程助手塞了一套设计规则。里面有 67 种 UI 风格、161 套配色、99 条 UX 实践准则等于把设计师的压箱底工据全搬进去了。AI 在写代码之前会先过一遍这些规则出来的界面就不会那么”毛坯房”。我拿 Claude 和 Cursor 做原型的时候挂着它确实省了不少来回改的功夫。适合场景用 AI 工具快速出前端原型、产品 Demo。缺点配置项多第一次上手有点懵参数含义得琢磨一会儿。CLI-Anything你有没有想让 AI Agent 去操作 GIMP 或 Blender却发现这些软件压根没有好用的 APICLI-Anything 的思路很直接——把 GUI 软件里的功能扒出来封装成命令行接口。它支持 JSON 输出和 REPL 交互Agent 调用起来比模拟点击稳定多了。比如你想让 AI 批量跑图片滤镜直接走命令行调 GIMP不用碰 UI 那个玄学。适合场景让 AI Agent 自动处理图像、3D 建模、文档转换。缺点文档写得不太全有些高级玩法得自己啃源码。OpenMAIC清华 MAIC 团队做的 AI 互动课堂。扔一份 PDF 或一个主题进去它能自动生成幻灯片、测验、模拟实验还配有 AI 老师和 AI 同学。不是那种干巴巴的文字输出支持语音讲解、白板推导甚至能用激光笔演示。我之前把一个机器学习的 PDF 丢进去试了下生成的课程比预想的好不少模拟实验环节做得挺用心的。适合场景把文档或知识主题转成互动学习体验。缺点中文支持偶尔抽风生成的内容有时会蹦英文。项目地址pan.quark.cn/s/b98559f0787f
这三个GitHub开源项目，太实用了~赶紧收藏
发布时间：2026/6/16 0:29:07
用 AI 写前端界面你是不是也遇到过这种情况——出来的页面长得都差不多换个 logo 跟没换一样最近翻了几个 GitHub 项目刚好能解诀这类问题顺便也覆盖了 Agent 调用软件和 AI 教学两个方向。UI/UX Pro Max Skill做前端的人都知道AI 写代码快但审美真不行。这个项目就是给 AI 编程助手塞了一套设计规则。里面有 67 种 UI 风格、161 套配色、99 条 UX 实践准则等于把设计师的压箱底工据全搬进去了。AI 在写代码之前会先过一遍这些规则出来的界面就不会那么”毛坯房”。我拿 Claude 和 Cursor 做原型的时候挂着它确实省了不少来回改的功夫。适合场景用 AI 工具快速出前端原型、产品 Demo。缺点配置项多第一次上手有点懵参数含义得琢磨一会儿。CLI-Anything你有没有想让 AI Agent 去操作 GIMP 或 Blender却发现这些软件压根没有好用的 APICLI-Anything 的思路很直接——把 GUI 软件里的功能扒出来封装成命令行接口。它支持 JSON 输出和 REPL 交互Agent 调用起来比模拟点击稳定多了。比如你想让 AI 批量跑图片滤镜直接走命令行调 GIMP不用碰 UI 那个玄学。适合场景让 AI Agent 自动处理图像、3D 建模、文档转换。缺点文档写得不太全有些高级玩法得自己啃源码。OpenMAIC清华 MAIC 团队做的 AI 互动课堂。扔一份 PDF 或一个主题进去它能自动生成幻灯片、测验、模拟实验还配有 AI 老师和 AI 同学。不是那种干巴巴的文字输出支持语音讲解、白板推导甚至能用激光笔演示。我之前把一个机器学习的 PDF 丢进去试了下生成的课程比预想的好不少模拟实验环节做得挺用心的。适合场景把文档或知识主题转成互动学习体验。缺点中文支持偶尔抽风生成的内容有时会蹦英文。项目地址pan.quark.cn/s/b98559f0787f
