让AI画出能看的3D场景！这个开源技能包终于解决了Three.js的”好看”难题

做 AI 编程助手的同学肯定有同感——你让它写代码行云流水，但一到”帮我画个 3D 演示场景”，它就犯难了。要么生成一堆 Three.js 基础代码跑不起来，要么出来的效果像十年前的 Flash 残品。

今天挖到一个开源项目，专门解决这个痛点。

scottstts/Threejs-Awesome-Graphics-Agent-Skills 是一个面向 AI 编码助手的 Three.js 图形技能包。装上之后，Claude Code、Cursor、Windsurf、Codex 这些工具就能真正”懂”图形开发了——不是简单塞几个示例代码，而是教会 AI 如何正确使用 Three.js 的材质系统、光照、后期处理、几何算法，让它输出的 3D 场景真的能看。

这个技能包包含多个专项 Skill：

• threejs-skill-router：看你的需求，自动路由到最合适的专项技能——几何生成？材质选择？后期处理？它来判断。
• threejs-procedural-geometry：程序化几何生成，教 AI 用代码生成复杂 3D 形状，而不是从素材库里拖个模型。
• 还在持续扩充中。

核心特点是工作实例驱动。技能包里带了大量参考示例，AI 不是照着 API 文档硬套，而是通过真实的场景代码理解”什么样的参数组合能出来什么效果”。比如告诉它”做一个有玻璃质感的悬空楼梯”，它不只是调个 MeshPhysicalMaterial，而是会结合光照环境和后期晕影来渲染。

适用场景也很明确：做产品演示 Demo、生成技术架构图里的 3D 小插图、做游戏场景原型、或者给 PPT 配一张有质感的示意图。装好之后直接用自然语言描述你想要的画面就行，AI 会自己选技能、拼装代码、跑出结果。

支持主流 AI 编码助手：Claude Code、Cursor、Windsurf、Codex、Gemini CLI、Cline 等，基本覆盖了主流生态。

GitHub 仓库：https://github.com/scottstts/Threejs-Awesome-Graphics-Agent-Skills

GitHub: https://github.com/scottstts/Threejs-Awesome-Graphics-Agent-Skills