手绘涂鸦风:用 Agent Skill 稳定产出 Sketchnote 叙事插画

前言

在 Cursor、Claude Code 等环境里让模型「画一张图」,常见结果是写实渲染、矢量海报或风格漂移的通用插画。团建回顾、旅行手账、会议纪要可视化这类需求,更需要的是黑色细线、少量高饱和点缀色、黑豆人小角色和手写中文标注——接近 Excalidraw、Notion 插画或 sketchnote 的轻松叙事感。自己每次手写一长段英文 prompt,还要反复纠正「人物长出五官」「背景发灰渐变」,成本很高。

下面介绍 SkillHub 社区 Skill「手绘涂鸦风」(坐标 @user_0aeadd18/hand-drawn-doodle,版本 1.0.0)。它把风格约束、提示词模板和生成参数写进 SKILL.md,让 Agent 在识别到涂鸦风意图时自动走同一套流程,而不是临时发挥。

这是什么

「手绘涂鸦风」是发布者 user_0aeadd18 在 SkillHub 上架的 community 类 Skill,分类为 design-media。页面标注 requires_api_key=false,不依赖额外 API Key 配置。

官方定位:生成 Hand-drawn Doodle / Sketchnote 叙事插画——黑色细线勾勒、局部高饱和点缀色、黑豆人小角色、手写中文标注。适用于团建回顾、旅行手账、活动海报、PPT 配图、朋友圈图、会议纪要可视化、产品概念示意等。SkillHub 展示页当前统计为评分 100000、下载 1790 次(以页面展示为准)。

核心功能

Skill 内核对的是一套可复用的「风格 DNA」与工作流,Agent 加载后按文档执行。

风格约束(七大特征)

  1. 线条:黑色细线手绘,略带抖动,避免矢量般工整;少用阴影,留白为主。
  2. 配色:纯白或近白底;黑色线条占主导;点缀色限制在 2~3 种(文档示例为暖橙、正红、钴蓝);禁止渐变与「PS 后期感」。
  3. 黑豆人:人物为纯黑椭圆/豆形身体、两个白点眼睛、细线火柴四肢;禁止五官、头发、衣服等写实细节。
  4. 文字:画面内为手写体中文标注,重要级可用橙/红/蓝区分,可配爆炸框、箭头等。
  5. 装饰:爆炸框、虚线路线、氛围短线、手绘对话框等。
  6. 构图:横构图为主(16:9 或 21:9),场景化叙事,留白充足。
  7. 气质:轻松、温暖、非商业精修稿。

触发条件

当用户提到「涂鸦风 / 手绘风 / 手账风」「黑豆人」「小人版」「团建回顾图」「sketchnote」「Excalidraw 风格」「Notion 插画风」等,或上传同类参考图要求复刻时,Skill 要求 Agent 必须启用。相对口语的「画个轻松一点的小图」「做个有趣的回忆图」若意图仍是线稿 + 点缀色 + 小角色 + 手写文字,也应触发。

明确不用于:写实插画、3D 渲染、像素画、二次元立绘、企业官网英雄图等。

工作流

  1. 理解需求:确认主题、地点/事件/物品、情绪关键词、人物动作与数量、输出比例(默认横版 1536×1024)。
  2. 组装提示词:按包内 references/prompt-template.md 填写;文档建议英文 prompt 描述画面,画面内文字保持中文。
  3. 调用图像生成:Skill 写明使用 image_gen;默认 size 为 1536x1024,quality 为 high,style 留空或 natural(避免 vivid)。
  4. 迭代:对照七大 DNA 检查,并按文档列出的翻车点(出现五官、渐变、中文乱码、线条过工整等)增补否定项与强调语。

包内还提供 references/examples.md,含团建篝火夜、通宵上线复盘、多城市旅行手账、里程碑庆祝等完整 prompt 示例与推荐参数。

安装与启用

Skill 遵循通用 SKILL.md 格式。在 SkillHub 安装需先具备 skillhub CLI;完整说明见 SkillHub 安装与优先源配置。

1. 检查或安装 CLI

command -v skillhub && skillhub --version

若未安装,可按官方文档执行(完整安装示例):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

2. 安装本 Skill

安装时必须用 --dir 指向当前 Agent 的 skills 目录,否则默认落在 ./skills/ 可能不会被识别。搜索得到的 slug 为 @user_0aeadd18/hand-drawn-doodle。

以 Cursor 为例(skills 目录为 ~/.cursor/skills/):

skillhub install @user_0aeadd18/hand-drawn-doodle --dir ~/.cursor/skills/

其他客户端常见路径(来自 SkillHub 安装文档):

  • Claude Code:~/.claude/skills/
  • Codex:~/.codex/skills/ 或项目下 .agents/skills/
  • Windsurf:~/.codeium/windsurf/skills/ 或 .windsurf/skills/

安装后按你所用客户端的要求刷新或重启 Agent,使新 Skill 被加载。

典型用法

启用 Skill 后,用自然语言描述场景即可;Agent 应按文档先补全信息,再拼 prompt 并调图像工具。

用户侧提问示例

  • 「画一张团建回顾:雪山脚下篝火,七八个黑豆人围圈跳舞,要手写『基情四射』红色爆炸框。」
  • 「做旅行手账图:北京→西安→成都→重庆,橙色虚线箭头串联,一个小人背包走在路上。」
  • 「上传了这张参考图,帮我复刻同款涂鸦风和配色。」

Prompt 骨架(来自 Skill 文档)

下面是最小可用英文骨架,将 {SCENE_DESCRIPTION} 等替换为你的场景;画面中的中文词需在 prompt 里明确列出:

A hand-drawn doodle illustration on pure white paper background, 
sketchnote style, loose wobbly black marker line work, 
{SCENE_DESCRIPTION}, 
featuring multiple black bean-shaped characters (solid black oval bodies, 
two tiny white dot eyes only, no faces, no hair, thin stick-figure limbs) 
{ACTION_DESCRIPTION}, 
hand-written Chinese characters as labels: "{KEY_WORD_1}" in orange marker, 
"{HIGHLIGHT_WORD}" inside a red zigzag explosion frame, 
"{LOCATION_WORD}" in blue marker with a small map-pin icon, 
accent colors strictly limited to orange (#F37021), red (#E53935) and blue (#1E88E5), 
no gradient, no shading, no shadow, no 3D, flat hand-drawn aesthetic, 
generous white space, narrative composition, 16:9 horizontal layout

推荐生成参数(Skill 示例一致):size: 1536x1024,quality: high,style: natural。

更长的可复制案例见 Skill 包内 references/examples.md(安装后位于该 Skill 目录下)。

适用场景与注意

适合:需要「讲故事」的轻量配图——内部活动、旅行记录、概念示意、文档/PPT 插图;希望风格统一、可迭代调 prompt 的团队或个人。

限制与注意:

  • Skill 指导 Agent 使用 image_gen;具体是否可用、画质与中文手写可读性,取决于当前 Agent 接入的图像生成能力,文档中也列出了中文乱码、黑豆人变形等常见迭代手段。
  • 风格与写实、3D、二次元等需求互斥;应换方向或换 Skill,避免强行套用。
  • 社区来源(community),使用前可在 SkillHub 页面查看版本与说明;当前版本为 1.0.0。

结尾

「手绘涂鸦风」把 sketchnote 式的视觉语言和生成参数固化成 Agent 可执行的 Skill,减少每次从零描述风格的重复劳动。若你的场景是线稿叙事 + 黑豆人 + 手写中文标注,可以按上文安装并在对话里直接描述意图。

  • SkillHub 展示页:https://www.skillhub.cn/skills/user_0aeadd18/hand-drawn-doodle
  • 官方地址:https://api.skillhub.cn/user_0aeadd18/hand-drawn-doodle
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye