关于 diagram-monochrome
用于生成黑白技术示意图的设计技能，面向需要说明系统、供应链或软硬件架构的人。它以清晰的左至右流程、标注框和箭头呈现结构关系。
主要功能
- 01纯黑白线稿风格
- 02左至右流程布局
- 03方框与箭头表示关系
- 04大写短标签
- 05避免阴影与视觉杂乱
适用场景
- 01绘制软件或硬件架构图
- 02说明行业或供应链流程
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/diagram-monochrome确认已加载。
详细介绍
单色技术示意图
创建一张单色技术示意图，采用黑白线稿风格。
视觉风格
- 严格使用黑白两色
- 无颜色、无渐变、无阴影
- 简洁的技术／工程图示美学
- 略带手绘／Excalidraw 风格，同时保持整洁清晰
- 使用细至中等粗细的黑色轮廓线
- 白色或极浅色背景
- 尽量减少视觉杂乱
- 简单的图标和形状
- 高对比度
- 扁平的 2D 构图
布局
- 将图示按清晰的从左到右的系统流程排列
- 使用带标签的矩形框表示实体／组件
- 用箭头连接组件，表示流程、依赖关系或交换
- 保持间距均匀、清晰易读
- 让构图呈现出技术架构概览的感觉
- 在适当的箭头上添加简短标签
字体排版
- 使用大写标签
- 尽可能使用粗体、紧凑、具有技术感的字体
- 文本简短、易读，呈现图示风格
- 可读性优先于装饰性
内容规则
- 聚焦于结构、关系和流程
- 优先使用图标、芯片、服务器、工厂、晶圆、箭头和简单符号
- 避免照片级写实效果
- 避免光泽感的 UI 元素
- 避免彩色信息图风格
- 避免海报式营销风格
输出目标
成品应呈现为黑白系统示意图或单色技术说明图，适合用于说明行业、供应链或软件／硬件架构。
负面限制
- 不使用强调色
- 不使用深色背景的蓝图
- 不使用 3D 渲染
- 不使用逼真的阴影效果
- 不使用华丽的插画风格
- 不使用漫画风格
- 避免杂乱的信息图效果
评论
支持 Markdown