AI Agent 现在不只能写代码、生成落地页,还能做出有设计感的界面、3D 场景、动态图形和成片的视频。关键在工具选对:下面这 10 个开源仓库,覆盖设计系统、3D、动效和视频四个方向,按你要做的东西挑就行,不用 10 个全装。
Impeccable:62 条设计检查,专门抓 AI 生成界面那种一眼就能看出的廉价感,帮 Agent 把界面做得更像人设计的。github.com/pbakaus/impeccable
UI UX Pro Max:给它一份项目简介,就能产出一整套设计系统,含布局、配色和字体。github.com/nextlevelbuilder/ui-ux-pro-max-skill
MCP for Blender:把 AI Agent 接到 Blender 上,用一句话做建模、搭场景。github.com/ahujasid/mcp-for-blender
img2threejs:拿参考图反推成 Three.js 代码,物体做出来直接就能拿去做动画。github.com/img2threejs/img2threejs
video-shotcraft:抓你真实网站的画面,150 种镜头配方任选,用 Remotion 渲染成宣传片。github.com/Vincentwei1021/video-shotcraft
HyperFrames:把 HTML 转成 MP4,Figma 技能能把品牌的设计规范直接带进视频里。github.com/heygen-com/hyperframes
Penpot:开源的 Figma 替代品,自带 MCP 服务器,Agent 可以直接读你的设计稿。github.com/penpot/penpot
Remotion:用 React 写视频,官方出了配套技能,专门指导编程 Agent 写视频代码。github.com/remotion-dev/remotion
lemo-opuscar:59 种电影风格全用代码实现,不用调用视频生成模型。github.com/lemomo-ai/lemo-opuscar
diagram-design:用品牌配色和字体,把图表生成一个 HTML + SVG 文件。github.com/cathrynlavery/diagram-design
做界面先看 Impeccable 和 UI UX Pro Max,做 3D 场景用 MCP for Blender 和 img2threejs,要出成片视频就用 video-shotcraft、HyperFrames 和 Remotion。先定你要做的东西,再挑对应的工具。