garden-skills 手绘风信息图 Prompt 工程实战：手账/涂鸦/黑板/牛皮纸四套模板与参数策略全解

• 人工智能
• AI 技能/插件
• 提示工程

手绘风信息图是 garden-skills 仓库中gpt-image-2技能（SKILL.md）在信息图分类下提供的一种特殊提示词模板：它放弃 JSON 结构化骨架，改用「结构化自然语言 + 参数槽 + 元素清单」的混合形式，专门产出"像被人在笔记本上手画出来"的学习笔记、知识卡、手账与暖系种草图文。读完本文，你将掌握该模板（hand-drawn-infographic.md）的完整提示词结构、6 个必问参数与自动补全策略、macaron / morandi / kraft / chalkboard 四套配色体系的调用方式、三个风格变体的写法，以及如何把它接入仓库的三种运行模式（Garden 本地生图 / 宿主原生出图 / 纯提示词顾问）真正出图。

一、模板定位：为什么手绘风必须用自然语言而不是 JSON

在整个gpt-image-2技能的模板体系中，绝大多数模板（如高密度信息图 legend-heavy-infographic.md、便当格信息图 bento-grid-infographic.md）都采用 JSON 主模板，因为它们的画面元素多、功能分区明确、需要支持多变体与"用户指定 / 默认值 / 随机生成"三态。而手绘风恰恰相反：

设计判断：手绘风是「风格语言」，自由度极高，不同主题（学习 / 美食 / 旅行 / 心情）的具体元素差异极大。强行 JSON 反而会限制画面自由度，因此本模板采用「结构化自然语言提示词 + 参数表 + 元素清单」的混合形式，比纯 JSON 更自然。

这一点在 SKILL.md 的提示词工作流中也被显式标注：第 5 步要求"严格遵循模板格式"，并点名infographics/hand-drawn-infographic.md、academic-figures/scientific-schematic.md等少数模板使用「结构化自然语言 + 参数」混合形式，因为"强行 JSON 会限制创作自由"。这也与模板方法论总文档 prompt-writing.md 中"不必强行使用 JSON 模板的场景"一节（很简单的单主体图、没有复杂布局和多区域结构、用户只想快速试一个很轻量的视觉方向）的判断逻辑一致。

适用范围与触发词

模板明确列出的适用场景：

• 学习笔记 / 概念解析 / 知识卡片
• 步骤教程 / how-to / 操作流程的"手绘版"
• 列表 / 清单 / 排行榜的"手绘版"
• 暖系内容（情绪 / 治愈 / 美食 / 旅行）
• 公众号 / 小红书 / 社交平台"手账风"配图

何时使用——当用户提到 "手绘 / 手账 / sketch notes / 涂鸦 / 笔记 / 课堂笔记 / macaron / morandi / 暖色 / 治愈"，或者希望视觉"亲切、好读、不像 PPT"、希望"读者感觉是真人手画的"。

何时不要使用（模板自带的分流规则，避免用错模板）：

二、缺失信息优先提问顺序

模板规定了在真实对话中收集信息时的提问优先级，共 6 项，按影响程度排序：

1. 主题（要讲什么？比如"5 种泡咖啡的方法"、"番茄工作法"、"上海 City Walk Top 10"）
2. 信息条数（建议 3-7 条）
3. 配色基调（macaron 暖奶油 / morandi 雾感 / kraft 牛皮纸 / 黑板色）
4. 是否有人物 / 吉祥物（一只猫 / 简笔小人 / 无人物）
5. 比例（小红书 3:4 竖版 / 公众号 16:9 横版 / 1:1 方版）
6. 是否要配色块「条目分区」还是"自由排布"

这与 prompt-writing.md 的参数设计规则完全呼应：topic、item_count、aspect_ratio属于"核心参数"（缺失会显著影响结果，优先问用户）；palette、background_color、language属于"可默认参数"；mascot 造型、doodle 装饰的具体样式、卡片形状属于"可随机参数"。提问时应"精准、少量、只围绕模板关键字段"，而不是笼统地问"你想要什么风格？"。

三、主模板：手绘风信息图完整提示词

模板的核心是一段可直接复制使用的结构化自然语言提示词，其中用{argument name="..." default="..."}语法标注了 6 个参数槽（这一语法与 prompt-writing.md 第七节规定的参数写法规范一致：name简洁明确、default给出可直接工作的默认值）：

A hand-drawn educational infographic in the style of a high-quality bullet journal page. Topic: {argument name="topic" default="番茄工作法的 5 个核心步骤"}. Aspect ratio: {argument name="aspect_ratio" default="3:4 portrait"}. Background: - Warm {argument name="background_color" default="cream / off-white"} paper texture with subtle grain. - Optional washi-tape strips in the corners (diagonal stripes, muted tones). - DO NOT use pure white or pure black background. Color palette: - {argument name="palette" default="macaron"} — describe colors: - macaron: warm cream #F5F0E8 background, muted blue #A8D8EA, lavender #D5C6E0, mint #B5E5CF, peach #F8D5C4, coral red #E8655A accent - morandi: dusty sage, terracotta, mustard, taupe, soft brick - kraft: kraft paper background, dark brown ink, tomato red accent, muted navy - chalkboard: dark slate background, white chalk, yellow / coral / mint chalk highlights - Limit to 4-5 colors total. Use the accent color sparingly for emphasis. Title: - "{argument name="title" default="番茄工作法 5 步"}" in large hand-lettered calligraphy at the top. - Title sits inside a hand-drawn frame: irregular oval, scalloped rectangle, or wavy banner. - Optional subtitle below in smaller handwritten print. Body: - {argument name="item_count" default="5"} information items. - Each item is presented as a hand-drawn card / rounded rectangle / cloud bubble / circle, with: - A number badge (1, 2, 3 ... in a circle, drawn by hand) - Item title in bold handwritten text - 1-2 lines of body text in neat handwritten print - A simple doodle icon (1-2 strokes, NOT realistic) representing the item - Items can be arranged: vertical list / 2-column grid / circular wheel / winding path. Doodle decorations (sprinkle naturally, not symmetrically): - Tiny stars, sparkles, hearts, arrows-curvy, dotted lines, exclamation marks - Hand-drawn underlines and circle-marks for emphasis on key words - Smiley / frowny faces (😊 ☹) as quality indicators where relevant - Optional: a single mascot character (a cat / a stick-figure person / a coffee cup with face) as the "narrator" Style enforcement: - ALL lines have visible hand-drawn wobble — never perfectly straight - ALL color fills leave a tiny gap before the outline (hand-painted feel) - All text is hand-lettered — NO computer fonts, NO Helvetica, NO Arial - Slight imperfection is intentional — it should NOT look digitally precise - The whole image feels like a single page from someone's notebook Composition: - Generous whitespace (~30-40% of the canvas) - Information hierarchy: title > item titles > body > doodle decorations - Items are large enough to be readable; do not cram Language: {argument name="language" default="中文（手写体感）"}; technical / proper nouns can stay in English.

模板的五大风格强制点

这段提示词的"灵魂"在Style enforcement一节，共五条硬约束，缺一不可：

1. 线条抖动（hand-drawn wobble）：所有线条必须有可见的手绘抖动，永远不许出现完美直线；
2. 填色留边：所有颜色填充在描边前留一道小缝隙，形成手工上色感；
3. 手写体：全部文字必须是手写感（hand-lettered），禁止 Helvetica / Arial 等电脑字体；
4. 刻意的不完美：轻微瑕疵是有意为之，整图不该呈现数字化的精确感；
5. 整体统一：整张图要像某人笔记本里的单独一页。

Composition一节还规定了留白约 30-40%、信息层级为 标题 > 条目标题 > 正文 > 涂鸦装饰、条目要大得可读、不拥挤。这些约束共同保证了"手账感"而非"PPT 感"。

四套配色体系（palette 参数详解）

模板内置了 4 套配色基调，各有明确的色值和适用气质：

无论选哪套，都要求全图主色 4-5 种封顶，强调色要克制使用。

四、参数策略与自动补全策略

参数三分类

模板把 6 个参数分为三类，对应不同的处理方式：

• 必问：topic、item_count、aspect_ratio—— 缺失会显著影响结果，应优先向用户收集；
• 可默认：palette（默认 macaron）、background_color（跟随 palette 联动）、language（默认中文）；
• 可随机：mascot 是否出现 / 用什么吉祥物、doodle 装饰的具体造型、卡片形状（圆角矩形 / 云朵 / 圆圈）——允许在风格范围内合理随机。

自动补全规则

当用户只给了topic而没有其他信息时，模板给出了明确的自动补全策略：

• 自动决定5 条要点（除非主题明显是 list 类，比如"7 个习惯"就用 7 条）；
• 自动用macaron配色；
• 自动用3:4 portrait（小红书友好）；
• 不放 mascot（除非主题适合，如"猫咪护理 5 步"自然出现猫）。

同时提供了三条场景化的"关键词 → 配置"映射：

• 用户说"我要小红书风" → palette 自动选macaron 或 morandi，aspect 3:4；
• 用户说"教学 / 课堂" → palette 自动选chalkboard 或 macaron；
• 用户说"暖系 / 美食 / 治愈" → palette 自动选morandi 或 kraft。

这与 prompt-writing.md 第九节"自动补全策略"一致：只问最关键的 1-2 个问题，其余用默认值或在可随机字段中合理生成，且不破坏主体一致性、不与用户已指定信息冲突。

五、三个风格变体

变体建立在主模板之上，只调整 palette 与背景相关字段（prompt-writing.md 第十节要求变体不应完全脱离主模板）。

变体 1：黑板粉笔风（chalkboard）

把主模板里的 palette 换成chalkboard，并补充以下描述：

Background: dark slate / chalkboard green (#2F4F4F) with faint chalk dust texture. Lines and text: white chalk with visible pressure variation. Highlights: yellow chalk for important keywords, coral / mint chalk for accents. Decorations: hand-erased smudges in the background, chalk arrows, chalk underlines.

适用：教学讲义、班级文化墙、知识科普"上课"感。

变体 2：牛皮纸 / Kraft 暖系

把背景换成kraft paper：

Background: warm kraft paper #C9A876 with visible paper fibers. Lines and text: dark espresso brown #3E2723 with hand-drawn wobble. Accents: tomato red #E63946, muted teal #457B9D. Decorations: stamp marks, dotted borders, thread / yarn doodles, postal style elements.

适用：复古手账、咖啡 / 烘焙 / 慢生活、文创周边。

变体 3：单色铅笔 / 极简手绘

Background: pure cream #FAF7F2. Lines: single dark color (charcoal #2B2B2B or sepia #6B4423) only. NO multi-color fills. Use varying line weight and cross-hatching for shading. Decorations: minimal — just dotted lines and small symbols.

适用：克制 / 文艺 / 严肃但仍要手绘感的内容（哲学、读书笔记）。

六、避免事项：手绘风最容易翻车的 8 个点

模板末尾给出了完整的"避免事项"清单，既是写 prompt 时的负向约束，也是生成后质检的检查项：

1. 任何元素出现完美的几何形状 / 直线→ 失去手绘灵魂；
2. 使用 Helvetica / Arial / 思源黑等电脑字体→ 立刻塑感；
3. 颜色填满到边缘没有留白→ 像电子贴纸，不像手画；
4. 渐变 / 阴影 / 玻璃质感 / 金属质感→ 完全跑偏；
5. 一张图 ≥ 6 种主色→ 失去手账的克制感；
6. 文字行距过紧 / 字号一致→ 失去层次感；
7. 装饰物太多到喧宾夺主→ 信息读不出来；
8. 所有信息卡造型完全一致（一模一样的圆角矩形 ×5）→ 失去手绘的有机感。

第 8 条尤其值得注意：模板在 Body 一节就允许"手绘卡片 / 圆角矩形 / 云朵气泡 / 圆圈"等多种卡片载体，并在真实案例中被落实为"每个条目圆角不同（云朵 / 胶囊 / 邮票）制造手绘有机感，避免五个完全一样的矩形"。

七、仓库源码佐证：模板如何被真实使用与落盘

从模板到成品图的三步链路

这个模板在仓库中不是孤立文档，而是嵌在gpt-image-2技能的标准工作流里（SKILL.md 的"提示词工作流（模式感知）"一节）：前 6 步对所有模式通用——跑check-mode.js确定模式 → 判断生图 / 改图 → 识别分类目录 → 只读对应模板文件 → 遵循模板格式渲染 prompt → 把用户输入映射到模板参数；第 7-8 步按模式分叉出图。其中模板渲染后的 prompt 是"最终交给图像模型的 prompt 字符串"，可以是拍平的 JSON 或结构化自然语言段落，按模板原样使用。

Mode A 下如何真正出图

如果你在 Garden 本地模式下运行（ENABLE_GARDEN_IMAGEGEN为真且配置了OPENAI_API_KEY），渲染好的 prompt 会先自动落盘，再被 generate.js 消费。该脚本支持--promptfile直接读取提示词文件：

node skills/gpt-image-2/scripts/generate.js \ --promptfile garden-gpt-image-2/prompt/hand-drawn-infographic-20260424-153045.md \ --size 1024x1536 \ --quality high

从源码看（generate.js 与 shared.js），其执行链路为：readPromptInput读取 prompt →slugify从 prompt 前 8 个词派生任务名 →savePrompt落盘到garden-gpt-image-2/prompt/<task-slug>-<timestamp>.md→buildPayload组装请求体 →POST {baseUrl}/images/generations→extractGeneratedBytes优先解析data[0].b64_json（兼容data[0].url）→saveImage落盘到garden-gpt-image-2/image/。也就是说，{argument ...}参数槽填完后得到的整段自然语言文本就是最终 prompt 本体，直接作为prompt字段随请求发出。

仓库自带的两个真实案例

在 website/gpt-image2-website/public/case/infographics/hand-drawn-infographic/ 下，仓库保存了两个该模板的真实渲染结果（.txt 提示词文件，即最终交给图像模型的完整 prompt），可作为模板使用的直接参照：

案例一（1.txt）：主题"在家用全脂牛奶和少量市售酸奶作引子，12 小时做出浓稠希腊式酸奶"。采用 macaron 配色（珊瑚红#E8655A只用于"注意"和食品安全提示）、3:4 竖版、6 个信息条目，条目以"纵向蛇形 + 弯曲箭头连接"，每步一个小涂鸦（奶锅、温度计、玻璃罐、纱布滤网、玻璃碗），左下角加了占画面宽度 6% 的简笔小奶牛 mascot，并明确"发酵中途不要大幅晃动罐子"用中文圈出强调。它完整复现了主模板的所有字段：背景防纯白纯黑、4-5 色封顶、手绘抖动、填色留边、禁电脑字体、留白 30-40%。

案例二（2.txt）：主题"番茄红素（lycopene）科普"，采用 morandi + macaron 混合配色（dusty sage / terracotta / mustard / taupe / soft brick，珊瑚色#E88D67只圈关键短语最多两次）、3:4 竖版、5 个条目排成"顶部一张宽卡 + 下部两列"，卡片造型刻意差异化（云朵 / 胶囊 / 邮票），并示范了"科普口吻不做疗效承诺"的话术处理（底部一行"信息仅供膳食参考，不适替代诊疗"）。案例还示范了如何处理专业名词：英文专名 lycopene、carotenoid 保留原文，中文为主。

这两个案例恰好覆盖了主模板最常用的两种 palette（macaron 与 morandi），也证明了同一模板在不同主题（教程向 / 科普向）下的复用方式。

八、落地建议：按模式选择正确的出图路径

结合 SKILL.md 的模式决策表，使用手绘风模板时建议先运行模式探测：

node skills/gpt-image-2/scripts/check-mode.js # 需要结构化输出给上层程序： node skills/gpt-image-2/scripts/check-mode.js --json

• Mode A（Garden 本地生图）：把渲染好的 prompt 存到garden-gpt-image-2/prompt/，调用scripts/generate.js出图并落盘到garden-gpt-image-2/image/；
• Mode B（宿主原生出图）：把最终 prompt 直接传给宿主自带的图像生成工具（image_generation/dalle/nano_banana等），图片去向由宿主决定；
• Mode C（纯提示词顾问）：把完整 prompt 落盘并展示给用户，建议其在支持手绘风格的图像工具中执行，不假装出图成功。

无论哪种模式，都建议在渲染 prompt 时遵循本文第三、四节的参数填写与自动补全规则，并在出图后用第六节的 8 条避免事项做一次质检——只要"线条抖、填色留边、手写体、不完美、像一页笔记"五条风格强制点没有被破坏，结果就大概率是合格的手账风信息图。

• 人工智能
• AI 技能/插件
• 提示工程