gracker-diagrams

面向技术内容的 AI 画图 Skill，四种风格一键切换。默认产出可复用的 prompt pack；如果运行环境有图片生成或绘图能力，再按需渲染成图。

风格

	白板架构图（默认）	马卡龙信息图	Gracker 信息图	Gracker 小红书风格
背景	纯白白板	暖奶油纸 #F5F0E8	暖奶油纸 #F5F0E8	暖奶油纸 #F5F0E8
色块	外框描色，不填满	马卡龙色圆角卡片	背景色自然过渡，无卡片框	背景色自然过渡，无卡片框
箭头	正交直角	手绘波浪线	手绘波浪线	手绘波浪线
图标	黑白线条简笔画	卡通 + 涂鸦装饰	尽量少用，文字优先	尽量少用，文字优先
标题	弱化/可省	粗体大号手绘字居中	粗体大号手绘字居中	统一页码角标 + 不同主标题
布局	横屏 16:9	竖屏 3:4	竖屏 3:4	两张接近 3:4 的高密度社交竖图
底部	无	可选正向总结	可选正向总结	每张可有短总结或来源脚注
适用	系统架构、模块关系	知识总结、Skill 概览	技术调研、深度内容可视化	小红书/社交轮播，避免长图需要放大

安装

默认安装仓库当前默认分支，不需要版本号：

npx skills add Gracker/gracker-diagrams-skill --yes --global

需要可复现安装时，先发布 Git tag 或 release，再按安装器支持的 tag / commit 语法固定版本；当前命令不写虚构版本号。

触发词

白板架构图：架构图、系统图、模块关系、Mermaid 转图、流程图、时序图、白板图、画图

马卡龙信息图：信息图、infographic、单页摘要、竖屏图、长图、知识总结图、框架图、Skill 概览图

Gracker 信息图：gracker图、技术信息图、调研图、深度信息图、技术长图

Gracker 小红书风格：小红书风格、小红书图、xhs、社交图、双图、轮播图

工作流程

原始内容 → 分析结构 → 结构化内容 → 文案把关 → 选布局 → 生成 prompt pack → 可选渲染 → 验收

每种风格有独立的 style guide 和 prompt template，详见 references/ 目录。

依赖

• 任意支持读取 Skill 指令并写入文件的 AI 运行环境
• 图片生成、绘图或浏览器渲染能力是可选项；没有这些能力时，交付 prompt pack

Samples

白板架构图

Hub-Spoke（Agent Loop）	Linear Pipeline（Tool Execution）

马卡龙信息图

Skill 概览

Gracker 信息图

技术调研摘要（Hermes 自学习系统）

Gracker 小红书风格

默认把同一张高密度 Gracker 长图重新排版为两张移动端可读的社交轮播图，不做机械裁切。每张图仍保留 6-8 个信息区和 12-18 条可见短文本单元，生成 prompt 前先用 copy.md 检查标题、模块名、标签和来源脚注，避免泛标题、重复标题和编辑提醒式文案直接进入成图。

License

MIT