这是什么
DnR FlatPic 是一个开源的 Agent Skill，专为 ChatGPT、Codex、Claude Code 等支持 Agent Skills 的 AI 智能体设计。它能够将照片和视觉信息密集的图像，通过语义压缩而非逐像素描摹的方式，转换为稀疏、可识别、高饱和度的扁平矢量风格插画。最终图像使用固定的 HSB 纯色填充，边界清晰，无渐变、发光、模糊或照片表面纹理。
该技能的核心思想是“语义压缩”——理解图像中的关键元素和构图，然后用简洁的扁平色块重新表达，而不是机械地复制原图。这使得输出结果既保留了原图的构图和身份锚点，又具有统一的艺术风格。
适合谁
- 内容创作者：需要快速将照片素材转化为统一风格的插画，用于社交媒体、博客或视频封面。
- 设计师：希望从照片中提取灵感，生成扁平风格的视觉元素，或作为设计草稿。
- 开发者：需要为应用或网站生成扁平风格的图标、插图，或探索 AI 辅助设计流程。
- AI 爱好者：对 Agent Skill 和 AI 图像生成感兴趣，希望尝试新的创作工具。
能做什么
- 照片转扁平插画：将任意照片转换为高饱和度、无渐变的扁平矢量风格插画。
- 语义压缩：通过理解图像内容，提取关键元素，简化细节，保留构图和身份锚点。
- 固定 HSB 调色板：使用固定的 HSB 颜色系统，基于角色分配颜色，而非匹配源色调，确保风格统一。
- 硬边光影：使用清晰的边界和硬边离散光影，呈现扁平矢量风格。
- 衍生操作：在基础输出成功后，可显式请求生成海报、方形 SVG 图标或原生比例 SVG 导出。
- 处理比例变化：专门处理宽高比变化、修订、源清理和重试控制。
使用前准备
- 需要一个支持 Agent Skills 的 AI 平台，如 ChatGPT、Codex、Claude Code 等。
- 对于海报和 SVG 衍生操作，需要本地安装 Node.js LTS（技能不会自动安装）。
- 准备一张源照片，确保你有权使用该图像。
安装方法
该技能提供多种安装方式，推荐使用一键命令安装：
npx skills add CreateLafont/dnr-flat-pic也可以直接下载 skill.zip 文件，通过产品的 Skills 界面上传。对于 Codex 手动安装，可将仓库克隆或下载到 Codex 技能目录，确保最终路径为：
$CODEX_HOME/skills/dnr-flat-pic/SKILL.md在 Windows 默认安装中，路径通常为：
C:\Users\\.codex\skills\dnr-flat-pic\SKILL.md安装后如果技能未立即出现，请重启或刷新 Codex。
使用示例
安装后，附加一张源照片并调用技能：
$dnr-flat-pic示例请求：
Use DnR FlatPic v2 to reconstruct this photograph as a clean flat illustration. Preserve the original composition and aspect ratio.中文请求示例：
把这张照片转换成无渐变的高饱和扁平插画。基础输出成功后，可以请求衍生操作：
生成海报
生成 SVG 图标
导出当前插画 SVG（原比例）
都要风险与注意事项
- 模型依赖性：图像生成结果因模型而异，不同运行可能产生不同效果。
- 非像素级保证：提示约束可提高调色板和扁平颜色的一致性，但不是像素级渲染保证。
- SVG 为追踪结果：基础输出是光栅插画；SVG 是对已接受 PNG 的确定性 VTracer 追踪，而非语义手绘矢量。
- 需要 Node.js：海报和 SVG 衍生操作需要用户安装 Node.js LTS 并允许本地命令执行，技能不会下载或安装 Node。
- 文本和界面元素：源照片中的文字、标志和界面元素可能被模型保留，需要手动修订。
- 版权注意：请勿提交无明确再分发权利的第三方风格参考图或示例照片。
该技能是免费开源的，遵循 MIT 许可证。作者提供可选的支付宝和微信赞赏，但赞赏不会解锁任何额外功能或服务。