手繪塗鴉風:用 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
羽毛球分组比赛记分
小程序二维码

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

小夜