让具备代码执行能力的普通 LLM 也能生成设计图片——无需生图模型。
Illustrator 是一个轻量、无需浏览器的 Agent Skill，通过本地渲染，将自然语言描述、内容、代码和用户提供的图片转化为经过设计的视觉作品。你可以从预制示例开始，也可以完全自由地定义自己的视觉风格。
项目介绍文章： 查看 Illustrator 的设计思路、使用方式和实际案例
- 无需生图模型 — 普通的代码型 LLM 可以通过生成本地渲染代码来创建视觉作品。
- 轻量且无需浏览器 — 不依赖 Chromium、Puppeteer 或浏览器运行时。
- 预制示例，风格不限 — 可以参考内置示例，也可以使用自己的视觉方向。
- 代码驱动、本地渲染 — 视觉作品由生成的渲染代码完成，而不是黑盒生图模型。
- 编辑插画与海报
- 文章和社交媒体配图
- 使用自有图片的照片编排
- 数据报告与信息图
- 代码片段、代码窗口与 Diff 图片
- 完全自定义的视觉系统
需要 Node.js 20 或更高版本，以及兼容 Agent Skills 的代码 Agent。
npx skills add Visualizeit/illustrator --skill illustrator安装后，直接向 Agent 描述你想要的视觉作品：
/illustrator 创建一张 1600×900、主题为专注与深度工作的编辑插画。
/illustrator 参考内置的 Flash Diary 示例，重新设计这份内容。
/illustrator 把这段代码制作成一张干净、适合演示的图片。
内置示例同时保留渲染源码、素材和输出预览，方便检查、修改和再次渲染。
将 Prompt、Context、Agent、Permission 和 Shell 转化为一个分层系统的方形技术文章封面。
**真实案例：**微信公众号文章《为什么我不推荐使用 OpenCode》的封面和七张正文配图均由 Illustrator 在本地渲染。
以用户图片、醒目字体和精简编辑信息构成的明快城市日记。
将超大字体与利落的几何花卉结合起来的彩色市集海报。
以自然形态、测量标注和档案信息构成的当代标本研究视觉。
将 ILLUSTRATOR 字标转化为带有测量标注和彩色构造层的字体标本。
将动态摄影与精简性能数据结合起来的克制赛车编辑视觉。
围绕语义化表格和一次精确交互构建的横版自动化视觉。
使用清晰对比线和半透明重叠色域构成的分析报告视觉。
以单一主色域和精简编辑字体构成的极简色彩研究海报。
适合演示的左右分栏 Diff，包含语法高亮和清晰的增删区域。
带有精简文件栏和清晰语法高亮的浅色代码窗口。
适用于文档、文章和社交媒体的极简深色代码图片。
Copyright 2026 Visualizeit。本项目采用 Apache License 2.0；再次分发时，必须保留许可证以及 NOTICE 中要求的归属声明。
仅使用 Illustrator 生成图片时，无需在生成图片上标注 Illustrator。内置字体和示例照片继续遵循各自的许可条款，详见 THIRD_PARTY_NOTICES.md。
需要 Node.js 和 pnpm。
pnpm install
pnpm run validateSkill 源码位于 skills/illustrator。项目内置 Noto Sans SC 和 JetBrains Mono，以确保文字和代码渲染效果一致；字体和图片来源见 THIRD_PARTY_NOTICES.md。
Important
公开 Alpha 阶段。 Illustrator 目前已经可以使用，但在 v1.0 前，Skill 接口和运行时打包方式仍可能变化。