<!-- title: 等距插画到AI小镇七款开源掘金 -->

当所有人都在卷大模型、卷 Agent 框架时，一批安静生长在 GitHub 角落里的"创意编程"项目正在悄悄接住一波新红利——设计师想做独一无二的视觉资产、独立开发者想让落地页"活"起来、内容创作者想要别人复制不走的封面。本周从近 700 个被低估的仓库（UND-RDR 收录、star 多在 1K 以下）里筛出七款生成艺术与视觉创作类开源工具，它们的共同特点是：**用代码把"审美"变成可复用的产品**。这条路不卷算力、不卷参数，卷的是谁能把开源引擎包装成设计师和创作者愿意付费的成品。

## 本周筛选标准

| 维度 | 权重 | 说明 |
|------|------|------|
| 变现潜力 | 40% | 能否包装成 SaaS、源码包、定制服务或训练营？目标用户与定价空间是否清晰 |
| 训练营适用性 | 25% | 学员能否在 2–4 小时内产出可晒的视觉成果（这是创意类最大的优势） |
| 技术新颖度 | 20% | 是否有差异化护城河，而非又一个 Stable Diffusion 套壳 |
| 维护活跃度 | 15% | 仓库最近是否在更新、Issue 响应、是否有可运行的 Demo |

需要强调的是，这批项目**不以 star 论英雄**——heerich 不到 500 star，却是一个能直接变现的引擎；Agentshire 才 76 star，但它是"AI + 游戏"交叉赛道里几乎唯一的玩家。创意类开源的规律是：**变现价值与 star 数相关性最弱**，因为它服务的是愿意为"独特视觉效果"付费的小众高净值人群。

## 七款项目深度拆解

### 1. heerich · [GitHub](https://github.com/meodai/heerich) · ⭐474 · 近期活跃

**核心功能（一句话）**：一个把 3D 体素场景渲染成清晰 SVG 矢量图的微型引擎，支持 CSG 布尔运算（挖洞、切割、合并），零 WebGL 依赖。

它本质上是"代码版的 isometric 3D 插画工厂"。你用 `applyGeometry` 摆一个房子，再用 `removeGeometry` 在墙上挖一扇门，最后输出的是可无限放大、可印刷、文件极小的 `<svg>`。命名致敬德国雕塑家 Erwin Heerich，审美起点就很高。这类等距插画正是 Figma 社区、SaaS 落地页、技术博客封面最缺的资产。

- **上手难度**：⭐⭐（前端 JS，API 极简，5 分钟能跑出第一个房子）
- **变现评估**：包装成"等距插画在线生成器"SaaS，免费版带水印、PRO 版（¥99/年）解锁导出 SVG/调色板/更多几何体；或做"代码生等距插画"的 Figma/VSCode 插件。目标用户是平面/UI 设计师、技术博主、SaaS 创业者。**这是七款里 B 端 + C 端双吃最清晰的标的**。
- **训练营评估**：2 小时课"用 60 行代码生成你的第一套等距资产"，学员当场导出 5 张可用于商业的插画，晒图率极高。
- **差异化**：市面 isometric 工具多是拖拽式（如 Isometriclove、Figma 插件），heerich 是少见的**可编程、可参数化批量生成**的引擎——意味着能做"品牌专属风格的自动插画流水线"，这是套壳产品做不到的。

### 2. Delaunay/Voronoi Stippler · [GitHub](https://github.com/NHasan143/delaunay-stippler) · ⭐29

**核心功能（一句话）**：在浏览器里把任意照片转成点画（stipple）、德劳内三角网或泰森多边形艺术，全部计算跑在 Web Worker 里不卡 UI，导出全分辨率 PNG。

技术上用的是加权 Lloyd 松弛算法——分析图像亮暗，暗处点密、亮处点疏，最终点分布"镜像"原图光影。三种渲染模式（Dots / Delaunay / Voronoi）能从同一张照片生成完全不同气质的作品。

- **上手难度**：⭐⭐（拖拽上传即用，无门槛）
- **变现评估**：做成小程序/H5"照片秒变艺术照"工具，9.9 单次高清无水印、29 包月；**真正赚钱的是按需印刷（POD）**——用户生成后一键定制装饰画、T 恤、手机壳，走 Printful/棉花堂供应链，单件毛利 40%+。目标用户：礼品定制、家居装饰、个人 IP 周边。
- **训练营评估**：1.5 小时"把女朋友照片变成点画艺术品"，浪漫且易出圈。
- **差异化**：同类在线工具有，但多数只做点画一种。三模式 + Web Worker 性能 + 纯前端（零服务器成本，部署在 GitHub Pages）的组合，让它的边际成本几乎为零——这是做免费引流 + 印刷变现的理想模型。

### 3. word-doodle · [GitHub](https://j-ncel/word-doodle) · ⭐34

**核心功能（一句话）**：基于碰撞检测的文字排版涂鸦引擎，把一段文字"散落"成有呼吸感的排版艺术，支持多字体（Anton、Courier Prime、Space Mono、Baskerville）、多主题、2x 高清截图导出。

它解决的是"词云 2.0"的需求——传统词云丑且千篇一律，word-doodle 的碰撞算法让每个词找到"恰好填进去的空隙"，产出的是设计师手摆级别的构图。

- **上手难度**：⭐⭐
- **变现评估**：自媒体封面生成器（公众号头图、小红书封面、播客封面是刚需）；定价 ¥19 终身工具或做成 SaaS ¥9/月。结合 OCR 还能做"把整篇演讲稿变成一张视觉海报"的场景。
- **训练营评估**：1 小时"给你的文章自动生成封面"，写作者直接受益。
- **差异化**：词云类产品（WordArt、美叶词云）要么重要么收费贵，word-doodle 轻量、开源、可二创，特别适合做成浏览器插件。

### 4. ui-fx-kit · [GitHub](https://github.com/pptt3300/ui-fx-kit) · ⭐43 · 含中文文档

**核心功能（一句话）**：64 个可组合的 React UI 动效组件（光标跟随、星空背景、打字机、全息卡片……），**源码交付而非 npm 依赖**，并内置 MCP server，让 Claude Code/Cursor 按你的描述自动挑选动效并把源码接进项目。

这是七款里商业模式最"现代"的一个——它本身就是为 AI 编程时代设计的：你跟 AI 说"给定价区加个全息卡片效果"，AI 通过 MCP 自动抓取对应源码、接入项目，代码归你所有。

- **上手难度**：⭐⭐⭐（需懂 React + 配 MCP）
- **变现评估**：独立开发者付费意愿最高的品类。卖"64 个动效源码包"¥99、附 5 套落地页模板 ¥299；或做"动效即服务"，按调用计费。目标用户：独立开发者、做 SaaS 落地页的团队。
- **训练营评估**：2.5 小时"让你的落地页会动"，前端学员当场抄走 10 个可直接上线的动效。
- **差异化**：动效库（Framer Motion、GSAP）是工具，ui-fx-kit 是**成品 + AI 分发渠道**。源码交付意味着客户买走后能自由魔改、无运行时依赖，这对害怕"第三方库跑路"的 B 端客户是卖点。

### 5. procedural-clouds-threejs · [GitHub](https://github.com/CK42BB/procedural-clouds-threejs) · ⭐28

**核心功能（一句话）**：用 Three.js + WebGPU 光线步进（raymarching）生成程序化云朵，带 WebGL2 billboard/mesh 回退方案，保证老设备也能跑。

程序化生成（procedural）是创意编程的高级主题——不靠贴图，靠数学函数实时"长出"云。这类资产在游戏背景、3D 网站 Hero、虚拟演唱会场景里是稀缺品。

- **上手难度**：⭐⭐⭐⭐（需懂 shader / GLSL）
- **变现评估**：两条路——一是卖"程序化天空/云资产包"给独立游戏开发者（Unity/UE/Godot），¥49–¥199；二是接定制，帮 SaaS 网站做独一无二的 Hero 背景，单案 ¥500–¥3000。目标用户：独立游戏团队、创意 agency。
- **训练营评估**：3 小时进阶课"用 shader 写一朵会动的云"，适合有一定基础的开发者，结业作品可直接当作品集。
- **差异化**：市面云资产多是贴图（贵、假、重），程序化云轻、真、可参数。WebGPU + 回退方案兼顾了效果与兼容性，技术含量直接拉开身位。

### 6. Studio · [GitHub](https://github.com/Shpigford/studio) · ⭐126

**核心功能（一句话）**：知名 indie hacker Shpigford（SaaS 圈活跃连续创业者）打造的"一堆古怪有趣的生成艺术小工具"集合，本质是一个持续更新的生成艺术实验工坊。

它的价值不在单一功能，而在**作为内容素材源**——每天用一个生成器产出一幅图，就够养一个"每日生成艺术"账号（小红书/即刻/推特这类账号涨粉快、广告价值高）。

- **上手难度**：⭐⭐
- **变现评估**：最适合做内容资产变现——"每日一生成艺术"涨粉后接广告/卖壁纸订阅；或把其中受欢迎的工具单独拆出来做付费 SaaS。Shpigford 的背景自带信任背书，二创风险低。
- **训练营评估**：作为"生成艺术入门 36 讲"的内容库使用，每个工具一个知识点。
- **差异化**：它不是单一产品，而是一个**可拆解、可组合的创意 IP 池**，等于买了一个永不枯竭的选题库。

### 7. Agentshire · [GitHub](https://github.com/Agentshire/Agentshire) · ⭐76 · 含中文文档

**核心功能（一句话）**：OpenClaw/QClaw 插件，把 AI agent 变成 3D 小镇里"活着的"NPC——带天气昼夜循环、社交关系、地图编辑器和角色工坊，你"不是在一个对话框里聊天，而是在一个游戏小镇里养一群有灵魂的角色"。

这是七款里**赛道最独特、客单价天花板最高**的一个。它站在"AI + 游戏 + UGC"三个风口交叉口，目前几乎没有开源竞品。你可以给它一个模型、一段人设，看着 NPC 在镇上溜达、社交、被天气影响情绪。

- **上手难度**：⭐⭐⭐⭐（需懂 agent 框架 + 一点 3D）
- **变现评估**：三条高价值路径——一是"用 AI 造一个活的小镇"训练营（¥999，2026 最性感的交叉方向，开发者+游戏玩家都买单）；二是做成 UGC 平台，玩家自己造小镇和角色并交易；三是给教育/文旅做"虚拟小镇"定制（如复原一个历史街区让 NPC 演绎故事），单案万元级。
- **训练营评估**：4 小时高客单课，结业学员拥有一个可演示、可发 B 站/推特的"AI 小镇"，传播性极强。
- **差异化：**市面 agent 项目几乎全是"对话框 + 图表"形态，Agentshire 是**唯一把 agent 具象化成 3D 社交 NPC**的开源项目。"AI 不是聊天的，是活在你造的世界里的"——这个叙事本身就是最好的营销。

## 项目分布全景图

```mermaid
quadrantChart
    title 创意编程七款开源项目：变现难度 × 技术门槛
    x-axis "低门槛（小白可用）" --> "高门槛（需懂代码/shader）"
    y-axis "变现复杂（重运营）" --> "变现直接（卖成品）"
    quadrant-1 "高门槛·直接变现"
    quadrant-2 "低门槛·直接变现（金矿）"
    quadrant-3 "低门槛·重运营"
    quadrant-4 "高门槛·重运营"
    "heerich（等距插画）": [0.35, 0.78]
    "delaunay-stippler（点画）": [0.2, 0.7]
    "word-doodle（文字涂鸦）": [0.25, 0.62]
    "ui-fx-kit（动效源码）": [0.55, 0.82]
    "procedural-clouds（程序化云）": [0.85, 0.55]
    "Studio（生成艺术集）": [0.3, 0.3]
    "Agentshire（AI 小镇）": [0.82, 0.5]
```

落在第二象限（左上，低门槛 + 直接变现）的 heerich、stippler、word-doodle 是**优先动手的金矿**；ui-fx-kit 跨越二、四象限，技术略高但变现最确定；Agentshire 单独处在右下偏右上，门槛高、运营重，但客单价天花板最高，适合作为"旗舰型"长期项目。

## 变现潜力 Top 5 排行榜

| 排名 | 项目 | 变现方向 | 预估定价 |
|------|------|----------|----------|
| 🥇 1 | **heerich** | 等距插画 SaaS + Figma 插件 + 设计师资产订阅 | PRO ¥99/年；资产包 ¥199 |
| 🥈 2 | **ui-fx-kit** | 64 动效源码包 + 落地页模板（开发者刚需） | 源码包 ¥99；含模板 ¥299 |
| 🥉 3 | **delaunay-stippler** | 艺术照工具 + 按需印刷周边（毛利高） | 单次 ¥9.9；印刷件 40% 毛利 |
| 4 | **Agentshire** | "AI 小镇"高客单训练营 + 文旅定制 | 训练营 ¥999；定制万元级 |
| 5 | **procedural-clouds-threejs** | 游戏资产包 + SaaS Hero 背景定制 | 资产 ¥49–¥199；定制 ¥500+ |

## 本轮核心洞察

这三点值得所有想用开源变现的人记住：

**第一，创意编程是当前性价比最高的掘金赛道。** 不卷模型、不烧显卡，比的是"谁能把数学和审美包装成产品"。heerich 不到 500 star 就能做出 SaaS，这在 AI Agent 赛道几乎不可能。

**第二，"源码交付 + AI 分发"是新模式。** ui-fx-kit 把组件库和 MCP 结合，让 AI 自动把源码"喂"进你的项目——这预演了未来软件分发的新形态：**不再是 npm install，而是 AI 按需取用并定制**。谁能先建好这类"AI 可消费的资产库"，谁就握住分发渠道。

**第三，把抽象 agent 具象化是下一个流量入口。** Agentshire 把 agent 从对话框搬进 3D 小镇，这种"看得见、可截图、能传播"的形态，天然适配短视频时代。所有还在做"又一个 Agent 框架"的人，值得停下来想想：你的 agent 能不能用一张图、一段视频讲清楚？

对训练营运营者来说，这七款项目几乎能拼出一条完整的"生成艺术变现营"学习路径：从 word-doodle（1 小时入门）→ stippler（1.5 小时）→ heerich（2 小时核心）→ ui-fx-kit（2.5 小时进阶）→ procedural-clouds（3 小时硬核）→ Agentshire（4 小时旗舰）。学员每一站都能带走可晒、可商用、可付费的成品，这正是创意类开源做教育的最大底气。

## 参考来源

1. [UND-RDR — Underrated GitHub Repo Discovery](https://github.com/aka-kika/UND-RDR) — 收录 700+ 个 1K star 以下被低估开源仓库的数据集，本文项目的主要筛选来源
2. [Open-Source AI Radar: 19 Rising GitHub Repos (June 2026)](https://aitoolradar.io/blog/open-source-ai-radar-june-2026) — 2026 年 6 月新兴开源 AI 项目雷达，含真实许可证分级与 fork/star 健康度分析
3. [heerich.js 项目 README](https://github.com/meodai/heerich) — 3D 体素转 SVG 引擎的官方文档与 API 示例
4. [Agentshire 项目 README](https://github.com/Agentshire/Agentshire) — AI agent 3D NPC 小镇的官方说明与兼容性矩阵
5. [10 Fastest-Growing GitHub Repos This Week (June 2026)](https://www.easyoutcomes.ai/10-fastest-growing-github-repos-this-week-first-week-of-june-2026/) — 2026 年 6 月首周 GitHub 增长最快仓库榜，辅助验证项目活跃度

> [!tip] 51学通信知识星球
> **星主：爱卫生**（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。
> **星球定位**：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。
> **当前规模**：5200 篇主题 / 990 个回答，198 元/年。
> **加入福利**：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。
> **AI 加持**：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。

![51学通信知识星球海报-扫码加入](https://wiki.500nian.com/images/zhixingqiu_qrcode.png)