Communitygithub.com

日式手绘正文配图

中国語の記事を一貫した日本語スタイルの手書きイラストに変換し、再利用可能なCodexスキルとして提供します。

日式手绘正文配图 とは?

このスキルは、中国語の記事を読み込み、その内容を日本語スタイルの手書きイラスト(手描き風イラスト)に変換するためのものです。主にAIエージェント(Codexなど)上で動作し、記事中の重要な概念、プロセス、感情などを「小旅人(こびと)」というキャラクターを中心に据えた16:9横長の図解イラストとして生成します。ターゲットは日漫ポスターや児童絵本、PPT情報図ではなく、白地をたっぷり使った静かで清潔感のある手帳風イラストです。ユーザーが記事を提供すると、まず配図戦略(ショットリスト)を提案し、その後ユーザーの指示に応じて画像生成ツール(image_gen)で一枚ずつイラストを生成します。生成後は品質チェックリストに基づいて確認・修正を行い、最終的な画像を指定のパスに保存します。

対応~Claude Code✓Codex CLI~Cursor
npx skills add 2023Anita/japanese-handdrawn-illustrations

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

日式手繪正文配圖

核心定位

為中文內容設計和生成 16:9 橫版正文配圖。目標不是日漫海報、兒童繪本、PPT 信息圖或商業插畫,而是把文章裡的關鍵判斷、流程、情緒、結構或生活化隱喻,變成一張安靜、清爽、留白充足、帶一點日式手帳氣質的手繪解釋圖。

默認視覺角色是「小旅人」:一個安靜、認真、輕微笨拙的手繪小人,像在紙頁、窗邊、車站、書桌、便當盒、雨傘和小房間之間整理想法。小旅人必須參與畫面的核心動作,不能只是站在旁邊當裝飾。

先讀這些參考

按任務需要讀取,不要一次塞滿上下文:

  • references/style-dna.md:風格 DNA、顏色、文字、禁忌。
  • references/character-ip.md:小旅人的形象、性格、動作庫和禁忌。
  • references/composition-patterns.md:結構類型、日式生活化隱喻方法和反套路規則。
  • references/prompt-template.md:單張生圖提示詞模板。
  • references/qa-checklist.md:生成後檢查和迭代規則。
  • assets/examples/:只作低頻視覺校准,不進入默認生成路徑。不要照抄案例的構圖、物件或標註。

工作流

1. 消化正文

先讀用戶給的正文、鏈接、Markdown 文件、截圖或文檔內容。提煉:

  • 核心觀點是什麼
  • 哪些段落承擔認知轉折
  • 哪些內容適合用溫柔生活化隱喻解釋
  • 哪些地方只適合文字,不需要圖

不要平均配圖。優先選擇「認知錨點」,例如:前後狀態變化、壓力與恢復、輸入輸出閉環、分類整理、選擇分岔、等待與轉乘、邊界保護、學習路徑、照護流程、常見誤解。

2. 先出配圖策略

如果用戶只是說「分析怎麼配圖 / 思考哪些地方需要配圖」,先給 shot list。每張圖寫清楚:

  • 放在哪個段落後
  • 圖的主題
  • 核心意思
  • 結構類型
  • 小旅人在圖裡做什麼
  • 建議元素
  • 建議中文標註詞

默認 4-8 張。文章很短時 1-3 張;長文也不要輕易超過 9 張。夠用就好,避免把正文做成畫冊。

3. 單張生成

如果用戶明確要求「生成 / 輸出 / 做圖 / 幫我生成」,不要停下來等確認;用內置 image_gen 每張單獨生成。不要把多張圖拼在一張裡。

每張圖只講一個核心結構。提示詞必須包含:

  • 16:9 橫版中文正文配圖
  • 純白或極淺米白背景
  • 細黑手繪線稿
  • 少量低飽和水彩點染
  • 少量中文手寫批註
  • 大量留白
  • 小旅人作為核心動作主體
  • 禁止日漫、二次元、兒童繪本、商業海報、PPT 信息圖、複雜背景、左上角類型標題

不要復刻過往案例。案例只提供風格密度、留白、顏色克制和角色參與方式,不能直接復用舊構圖。每次都要從當前文章重新發明一個溫柔、生活化、但成立的隱喻。

4. 檢查與迭代

生成後檢查 references/qa-checklist.md。如果出現以下問題,優先重生成或局部編輯:

  • 小旅人只是裝飾
  • 畫面太滿
  • 太像日漫、兒童繪本、商業插畫或 PPT
  • 中文太多或錯字嚴重
  • 左上角出現「流程圖/系統架構/常見問題/路線圖」等標題
  • 背景太髒、紙紋太重、顏色太飽和
  • 畫面只有氛圍,沒有表達清楚核心意思

5. 保存交付

如果用戶在 workspace 內工作,把最終圖複製到:

assets/<article-slug>-illustrations/

按順序命名:

01-topic-name.png
02-topic-name.png

保留原始生成文件,不要覆蓋已有資產,除非用戶明確要求替換。

輸出口徑

生成前的策略輸出要短而準。生成後的交付要包含:

  • 生成了幾張
  • 每張圖的用途
  • 保存路徑
  • 哪些圖最穩,哪些圖是可選

不要長篇解釋風格理論;讓圖自己說話。

関連スキル