一句话看懂：掘金作者柳杉于2026年11月2日整理出14个收藏仓库，涵盖设计规范、Blender MCP、Three.js 资产与代码视频工具，指向同一趋势：AI 编程工具正从“写对代码”向设计、建模、动效和剪辑延伸。
事件核心：发生了什么
这份清单按用途分为三组。第一组共5个项目，解决 AI 生成页面“模板味”重的问题：UI UX Pro Max 提供色彩、字体和行业设计规则的资料库；Impeccable 用于评审和打磨已有页面；Framelink Figma MCP 让 AI 读取 Figma 设计稿的结构化信息而非截图；React Bits 提供现成动画组件；GSAP Skills 则为 AI 梳理时间线与滚动动画的写法。
第二组聚焦 3D 工作流：MCP for Blender 和 dsh-blender-plugin 提供两条用文本驱动 Blender 建模的路线；img2threejs 依据参考图生成 Three.js 代码对象；Motion2MixamoRig 把视频中的人体动作重定向到 Mixamo 角色骨骼；dioramas 则把 3D 资产组织成可交互网站。
第三组用代码做视频：HyperFrames 以 HTML 描述画面并输出成片；video-shotcraft 基于 Remotion 提供镜头配方；lemo-opuscar 尝试用纯代码组织短片风格；mg-styles-15 拆解了 15 种 MG 动画风格的提示词与源码。
为什么重要
目前公开信息显示，这些项目多以开源仓库或 Skill、MCP 插件形式存在，尚未形成统一标准。它们的共同点是给 AI 提供可读取的规则与接口，因为大模型在写代码上已较成熟，缺的是设计判断、3D 资产准备和镜头组织这类“隐性知识”。把行业规则、Figma 结构、Blender 操作、GSAP API 封装成 AI 可调用的上下文，也是提升推理输出质量的工程路径。对闭源工具链而言，这既是补充，也可能带来接口话语权的竞争。
对用户/开发者/创作者的影响
前端开发者可以先用 UI UX Pro Max 定视觉方向，再用 Impeccable 评审；做 3D 项目时，可先跑通 Blender MCP 的简单场景；做内容则可从 HyperFrames 走一遍“代码到成片”的流程。作者明确不认同“不学就会失业”的说法：工具不会替你判断什么是好设计，也不能决定大屏突出哪个指标。真正拉开差距的，是把工具接入项目，并清楚哪些环节交给 AI、哪些需要自己把关。
AI 工具推荐
想把多个 AI 模型放在一个入口？
GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型，适合写作、绘图、视频和日常 AI 工作流。
推广链接：通过此链接购买，我可能获得佣金，不影响你的价格。
值得关注的后续
一是这些 Skill 和 MCP 能否在 Claude Code、Codex 等工具中稳定复用，而非只停留在演示；二是 Blender 和 Figma 两条资产入口的实际还原度；三是代码视频路线能否产出可直接上线的成片。清单基于作者个人收藏，效果仍需逐项验证。
来源：juejin
