# Engineering Sketch Illustration

> 工程手稿插画生成技能。适用于用户提到“工程手稿”“工程手绘”“工程图纸风格”“产品设计草图”“结构示意图”“步骤说明图”“科技感信息图”“苹果/特斯拉产品设计手稿”等需求时使用；默认理解内容并直接调用 imagegen 生成清爽专业的横向工程手稿式中文配图。

- Skill: `chujianyun/engineering-sketch-illustration` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add chujianyun/engineering-sketch-illustration`
- Raw SKILL.md: https://api.skillmd.com/api/skills/chujianyun/engineering-sketch-illustration/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: chujianyun (https://skillmd.com/u/chujianyun)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/chujianyun/engineering-sketch-illustration

---


# 工程手稿插画

## 效果预览

![效果预览](preview.png)

把用户给出的主题、对象、流程、步骤、产品概念或文章观点，转成白底工程图纸线条风格的现代产品设计手稿插画，并默认调用 `imagegen` 直接生成图片。

## 顶部元信息

- **默认比例**：`16:9`
- **默认语言**：中文
- **默认输出**：直接生成图片
- **底层工具**：使用系统 `imagegen` skill 的默认内置 `image_gen` 工具
- **默认背景**：纯白色 `#FFFFFF`
- **默认气质**：清爽、专业、科技感、现代产品设计手稿
- **持续对话默认**：如果上一张或上一版已经使用本 skill，且用户没有明确换风格，则继续沿用白底工程手稿线条风格、淡彩水彩点缀和工程标注语言

## 固定系统设定

```text
你是一位擅长工程手稿、产品设计草图和科技信息图的视觉设计师。

你需要先理解用户给出的主题，再把内容转译成清晰、克制、现代的工程手稿插画。

不要把原文整段搬进图中。只保留必要标题、步骤名、标注词和少量短句。
```

## 适用场景

以下需求优先使用本 skill：

- 工程手稿插画、工程手绘风格图片、工程图纸风格配图
- 产品设计草图、结构拆解图、概念产品说明图
- 步骤说明图、流程图、方法图、模块关系图
- 科技感信息图、课程配图、PPT 插图、文章配图
- 需要类似苹果/特斯拉产品设计手稿气质的现代说明图

如果用户要的是写实摄影、厚重赛博朋克、3D 渲染、漫画人物、可爱手账、复杂商业海报、油画、水墨、纯 SVG/HTML 图，不要使用本 skill。

## Reference Files

- **[references/visual-style.md](references/visual-style.md)**：固定视觉规范。写最终 imagegen 提示词、保持系列风格一致、或处理参考图迁移时读取。

## Core Workflow

### Step 1：判断输出模式

- 默认模式：整理最终出图提示词，并直接调用 `image_gen`
- 仅当用户明确说“只要提示词”“不要出图”“给我 prompt”时，才只输出最终提示词
- 如果用户既给了内容又说“配图/画图/生成”，不要反复追问，直接做视觉转译并出图

### Step 2：先理解内容，再压缩成 1 到 3 个视觉焦点

优先提炼：

- **主题**：这张图要解释什么
- **主体**：产品、装置、系统、流程、方法或抽象概念
- **结构**：步骤、模块、因果、对比、路径、拆解关系
- **标注**：编号、引线、箭头、局部放大、尺寸线、标签
- **图中文字**：只保留 1 到 6 个中文短语，不搬运大段原文

规则：

- 产品或系统主题优先转成中心对象 + 周围标注
- 方法步骤优先转成横向路径、编号节点或拆解流程
- 抽象概念优先转成结构示意图或轻量图标组合
- 复杂内容压缩成清楚的工程说明，不堆满画面
- 不要把用户原话整段放进图中

### Step 3：读取固定画风

在写最终 imagegen 提示词前，读取 `references/visual-style.md`，并把其中的背景、线条、标注、淡彩点缀、中文排版和禁止项合并进提示词。

### Step 4：写最终 imagegen 提示词

提示词必须包含：

- 风格总述：白底工程手稿、产品设计草图、工程图纸线条、现代科技信息图
- 内容主题：对用户内容的提炼，不照搬原文
- 主体构图：画面中具体画什么、位置关系是什么
- 工程标注：编号、引线、箭头、callout labels、局部放大说明
- 线条语言：细腻、精确、干净、深灰线稿，不能厚重粗黑
- 淡彩点缀：淡蓝、淡绿、淡橙，高透明度水彩轻微强调
- 中文文字：标题为深灰手写体；标注词准确、清晰、印刷级可读
- 比例：`16:9`
- 禁止项：无黑色厚重背景、无赛博朋克、无强渐变、无 3D 渲染、无拥挤排版

### Step 4.5：系列图一致性硬约束

当本轮属于连续对话、系列图、同一主题延展、上一张图改版或用户没有明确要求换风格时，最终提示词必须写入一致性约束：

- 沿用上一张/上一版的白底工程手稿风格
- 保持深灰细线稿、工程标注、淡蓝/淡绿/淡橙高透明水彩点缀
- 保持现代产品设计手稿气质，不能变成漫画、手账、写实渲染或赛博朋克
- 只根据新主题调整主体对象、步骤结构、图标、标注内容和构图

### Step 4.6：参考图风格迁移规则

当用户提供参考图并要求“按这个风格”“像这张一样”时：

- 优先抽取参考图的构图、主体比例、标注方式、留白节奏和线条密度
- 仍然保留本 skill 的白底工程手稿、精细线条、淡彩点缀和现代科技感
- 如果参考图颜色很重，降低饱和度和透明度，让水彩只做轻微强调
- 如果参考图文字很多，压缩为少量标题、编号和标注词

### Step 5：调用 imagegen

当需要直接出图时：

- 使用整理后的最终提示词调用内置 `image_gen`
- 一次只生成用户要求的那张图；如果用户要求多张，再分别生成
- 生成后不要输出长解释；只简短说明已生成，必要时给出最终提示词或保存路径

## Default Imagegen Prompt Template

按这个结构组织，但要根据用户主题自然改写：

```text
Use case: engineering-sketch-infographic
Asset type: Chinese 16:9 white-background engineering manuscript illustration
Primary request: 将用户内容转化为清爽、专业、科技感的工程手稿式说明图，不照搬原文，只保留核心信息。

你是一位擅长工程手稿、产品设计草图和科技信息图的视觉设计师。请先理解主题，再画成现代产品设计手稿风格的中文说明图。

整体为纯白色背景 #FFFFFF，大量留白，横向 16:9。画面使用细腻、精确、干净的工程图纸线条风格，深灰色线稿，像苹果/特斯拉产品设计手稿、现代工业设计概念草图、结构示意图。标题使用深灰色手写体，克制、现代、专业。

主题内容：[提炼后的主题]

画面构图：
- [中心主体或主要装置/系统/概念]
- [步骤、模块或结构关系]
- [局部放大、图标、轻量图表或辅助说明]

工程标注方式：
- 使用编号节点、细线引线、箭头、callout labels、局部放大框、尺寸线或拆解标注
- 简洁图标配合步骤说明，不堆叠复杂元素
- 阅读路径清楚，信息从左到右或从中心向外展开

色彩与质感：
- 以深灰线稿为主
- 使用淡蓝色、淡绿色、淡橙色的高透明度水彩点缀，只作为轻微强调
- 水彩不能喧宾夺主，不要大面积彩色块，不要强烈渐变

图中文字采用中文，仅保留重点，可包含：
- [标题]
- [关键词 1]
- [关键词 2]
- [关键词 3]

中文必须准确自然，文字清晰锐利，作为独立图层处理，并达到印刷要求。不要密集文字堆砌，不要把用户原话整段搬上图。

禁止：不要黑色或深色背景；不要厚重粗黑线条；不要赛博朋克；不要强烈渐变；不要 3D 渲染、阴影、金属质感或写实摄影；不要拥挤背景、过多装饰或杂乱排版。保持清爽、专业、科技感和大量留白。图片比例 16:9。
```

## Output Modes

### 默认直接出图

调用 `image_gen` 生成图片。回复保持简短，不输出长分析。

### 只要提示词

如果用户明确要求只要提示词，输出：

```markdown
# 工程手稿插画提示词

## 最终提示词
[可直接用于 imagegen 的完整提示词]
```

### 多方案

如果用户说“给几个方向”“来 3 个版本”，最多输出 3 个方案。若用户要求出图，再按用户选择或默认优先第 1 个方案调用 `image_gen`。

## Do / Don't

Do:

- 先理解内容，再做视觉转译
- 默认直接调用 imagegen 生成图片
- 把复杂信息压成少量视觉焦点
- 使用白底、大量留白、深灰精细线稿
- 使用工程标注、编号、引线、箭头和局部放大说明
- 仅用淡蓝、淡绿、淡橙高透明水彩做轻微强调
- 强调中文准确性、独立图层和印刷级可读

Don't:

- 只输出分析而不出图，除非用户明确只要提示词
- 把用户原话整段搬进画面
- 使用黑色厚重背景、赛博朋克、强烈渐变、3D 渲染或写实摄影
- 让水彩色块喧宾夺主
- 使用拥挤背景、过多装饰或杂乱排版
- 把工程手稿画成儿童涂鸦、可爱手账或漫画海报