项目发布 09-30
oil-oil/oil-ui
面向 Claude Code、Codex 等 AI Agent 的 UI 设计 Skill，可让 Agent 探索多个不同的设计方向、并排比较，并依据真实截图进行迭代。适用于网站、应用、仪表盘和组件等界面设计场景，仓库提供英文与中文两种 README。
创意编程与设计
用 AI 制作游戏、网页、动画和工程设计，适合创作者与产品开发者。
24 条精选 · 入门 9 · 按推荐学习顺序：越基础、直观越靠前，越系统、深入越靠后
-
3入门
-
6入门项目发布 10-18
alchaincyf/huashu-motion
这是一个 GitHub 仓库，提供一套可供编码智能体（如 Claude Code、Codex）使用的技能，用于生成产品宣传片：据描述，智能体会先阅读产品信息并给出三个方向，再撰写整支片子、自行作曲配乐，并在浏览器中打开编辑器，用户可在画面上点击指定要修改的位置。仓库标注 MIT 许可证，并给出 npx 安装命令、效果展示与结构说明。适合使用这类智能体工具制作用于推广的视频内容的用户参考。
-
8入门项目发布 10-13
AirsupHQ/machine-skill
一个面向 Claude Code 的开源技能（skill）项目：用户用一句话描述任意机械装置，Claude 便生成一个包含逼真、基于物理的交互式 3D 模拟的 HTML 文件，并附带可用于发布的短片。README 称其兼容 Agent Skills，采用 MIT 许可，标签涉及 Three.js、WebGL、工程、物理与剖视图等。
-
9入门项目发布 09-30
blendi-remade/dioramas（三维网站框架）
blendi-remade/dioramas
一个免费开源框架，用于制作电影感、可交互的 3D 网页，其中 3D 场景本身即页面内容。资产由 AI 生成：先用 Nano Banana 2 生成产品图，再用 Meshy 7.1 转为 3D 模型，并由脚本进行优化。仓库附带 20 个完整示例网站，无需付费、账号或安装 CLI。
-
10进阶项目发布 10-29
我是图像型思考者，所以我让 Claude Code 在终端里画 mermaid 图
I think in pictures, so I taught Claude Code to draw mermaid in the terminal
这是一条 Reddit r/ClaudeAI 社区帖子。作者自述习惯先做设计、画时序图、活动流、状态机乃至 C4 图再写代码，且设计工作通过 CLI 中的 Claude 完成，成图存入 Obsidian 库。因为 Claude Code 能写 mermaid 但无法直接展示，作者做了 merman——一个在终端中实时渲染 mermaid 的 Claude Code 模组，请求时序图时图表直接出现在回复里，改动会即时重绘，支持流程图、时序、状态、类、ER 图以及柱状、折线、饼图和甘特图，表格也带配色；帖子还给出渲染约 2 ms、16 套配色主题、约 355 tokens 一次会话等参数说明。适合在终端中用 Claude Code 做设计并需要可视化图表的人阅读。
-
11进阶项目发布 10-25
我用 Claude Code 做了一个激光干射击游戏：摄像头看着你的显示器并给激光命中计分（开源、免费）
I built a laser dry-fire shooting game with Claude Code: a webcam watches your monitor and scores laser hits (open source, free)
Reddit r/ClaudeAI 上的社区帖子。作者称用约两周时间以 Claude Code 做出 ScreenPlink：以显示器为靶，用激光训练手枪或激光弹壳射击，显示器旁的摄像头拍摄屏幕并计算命中像素、打出弹孔并让靶倒下。功能包括九种训练、十五个带计分环的人形靶、17 发弹匣和同屏双人；摄像头可斜置，应用通过拍摄屏幕上的标记自行标定。作者说明代码基本全部由 Claude Code 编写，自己负责设计与验收，难点在于让无法看到屏幕、无法扣扳机的智能体调试一个测量物理世界的程序，为此使用了进程内 MCP 服务器等做法。适合用 Claude Code 做图像/硬件相关项目开发的人阅读。
-
14进阶项目发布 10-20
lovisdotio/motion2code
这是一个面向编码智能体的技能（skill）仓库，教智能体把动效设计视频重建为内联 SVG 形状加单一 GSAP 时间线的可编辑代码，可逐帧定位、无缝循环，并与原始视频并排比对。对于网站和应用的屏幕录制，它进一步用 GSAP ScrollTrigger 构建可交互的真实页面。仓库说明其兼容 Claude Code、Codex、Cursor、Copilot、Gemini 等工具，并提供多个示例页面及其体积、时长说明。
-
15进阶项目发布 10-04
shinshin86/mesh-avatar-studio
一个把单张插画转成可动画 2D 网格化身（VTuber 风格）的工具：编码智能体从图片准备化身，用户在本地编辑器中带实时预览微调，化身可眨眼、说话、转头、呼吸和摆发。需要 Node.js 22.17+ 与 Git，可用 npx create-mesh-avatar-studio 试用，另有网页版 Player 用摄像头和麦克风驱动。仓库提供日文和简体中文 README。
-
16进阶项目发布 10-09
liyupi/ai-promo-video-maker（AI 产品宣传片制作器）
liyupi/ai-promo-video-maker
一个开源仓库，提供由 AI 编程工具（如 Cursor、Claude Code、Codex）驱动的产品宣传片制作流程。用户给出产品名或网址后，工具会调研产品、生成多风格样图、截取 4K 页面、按音乐节拍剪辑、生成并校验 AI 旁白、自动审图，最终输出 4K 视频和网页版。项目基于 Remotion 与 ElevenLabs，采用 MIT 许可。
-
17进阶项目发布 10-03
gatewai-dev/framefields
一个以代码优先方式制作视频与图像的开源项目，基于 WebGPU 原生渲染。README 说明其把合成、动态图形与 3D 能力打包为一个 npm 包，面向由 AI 智能体用代码驱动的视频工作流，提供文档、示例与模型页面，许可证为 Apache-2.0，状态标注为 beta。
-
18进阶项目发布 10-25
patch-gg/trompe（用图像模型为关卡贴图）
patch-gg/trompe
一个开源项目，用于从灰色灰模关卡生成完整贴图：规划玩家视角相机、由图像模型绘制各视角画面、将画面投影回关卡并烘焙成一张贴图。贴图在阴天光照下生成，作为反照率贴图，再由游戏引擎投射真实阴影。相机规划、投影与烘焙在浏览器 GPU 上运行，图像模型运行于 fal，输出 glTF 格式。
-
19进阶项目发布 10-24
daveebbelaar/bama
BAMA 全称 Build Any Mac App，是一套面向 AI 编码智能体的技能集合，用于考察、克隆、设计、构建、优化和测试基于 Swift 与 SwiftUI 的原生 macOS 应用。仓库说明称其目标是让用户看到喜欢的应用后，用智能体把它重建为自己的原生 Mac 应用，使用本地数据、无需 Xcode 图形界面，要求 macOS 26+ 与 Swift 6.2，提供 21 项技能并可作为 Claude Code 插件使用。
-
20进阶项目发布 10-08
Show HN：SolidCraft——用 Rust 编写的开源参数化 CAD（支持 MCP）
Show HN: SolidCraft – Open-Source Parametric CAD in Rust (With MCP Support)
一个用纯 Rust 编写的开源参数化 3D CAD 应用，支持草图、约束和带参数化特征时间轴的实体建模，改动尺寸后模型会重新构建。可在桌面端、浏览器中运行，并内置 MCP 服务器供 AI 智能体进行建模。README 提供 Windows、macOS、Linux 与 Snap 下载入口及网页版试用链接。