Community寫作與編輯github.com

水彩部落格插畫

為部落格產生兩張協調的水彩插畫:一張可讀性高的縮圖,以及一張較沉靜的內文補充插圖。

水彩部落格插畫 是什麼?

這個技能專門為部落格文章產生兩張風格一致的水彩插畫:一張適合做為縮圖、焦點明確的橫向圖片,另一張則是適合內文使用、較為內斂的補充插圖。它適用於 Claude Code 等 AI 代理平台,透過內建的 image_gen 工具執行。技能的重點在於統一的藝術風格,包含暖象牙色紙張背景、精緻的炭筆墨線、半透明水彩暈染,以及限定於象牙白、鼠尾草綠、陶土色、赭色與炭灰等五色調色盤。工作流程會先完整閱讀文章,提取核心意念與具體象徵,再分別產生縮圖與內文插圖,確保兩者視覺一致但主題各異,最後會將圖片儲存至專案目錄並建議內文插圖的擺放位置。

相容平台~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/aman-sharma-nine/agent-skills/tree/HEAD/adapters/codex

Installed? Explore more 寫作與編輯 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

水彩部落格插畫 是做什麼的?

為部落格產生兩張獨立的橫向圖片:一張可讀性高的縮圖,以及一張較沉靜、互補的內文插圖。根據文章內容調整主題與視覺隱喻,同時保持以下藝術方向。

風格規範

在每次生成提示中包含這份完整的規範:

  • 為文學雜誌繪製的細緻、優雅編輯插畫。
  • 暖象牙色紙張背景,帶有細緻的紙紋。
  • 纖細、略微不規則的炭筆墨線。
  • 半透明水彩暈染,呈現自然的顏料變化。
  • 節制調色盤:象牙色 #F8F4EA、鼠尾草綠 #92977B、陶土色 #C58165、赭色 #D8B66D、炭灰 #39352F。
  • 柔和的有機形狀、靜謐平衡的構圖,以及寬敞的留白空間,通常佔畫布的一半左右。
  • 可辨識的主題,具選擇性細節、表現力輪廓、溫和暗示的面孔、自然的手部姿勢與放鬆的姿態。
  • 溫暖、沉思、親密的氛圍,但不流於感傷。
  • 半透明色彩與輕微不完美的邊緣。
  • 避免照片寫實主義、3D、光澤數位渲染、強烈陰影、生硬輪廓、霓虹色、繁複裝飾細節、庫存圖片陳腔濫調以及一般企業向量插畫。
  • 除非明確要求,否則不得包含文字、字體、標誌或邊框。

工作流程

  1. 完整閱讀部落格文章。找出核心意念、情緒基調以及一兩個具體象徵。
  2. 建立兩張獨立的圖片(非合成圖),以橫向構圖呈現,目標比例為 3:2 或最接近的支援橫向格式:
    • 縮圖:一個強烈、可立即閱讀的構圖。將焦點主體放在中央安全裁切區域內。
    • 內文插圖:探索特定想法的較安靜構圖,而非重複縮圖內容。
  3. 保持調色盤、墨線處理、顏料紋理與細節層次一致。根據文章更換主題。除非文章明確要求,否則不要重複使用懷孕、植物或居家相關的圖像。
  4. 預設使用內建的 image_gen 工具。僅將附加圖片視為風格參考,不要將它們的主題或構圖複製到不相關的文章中。
  5. 檢查輸出結果的相關性、一致性、留白空間、人體結構、裁切安全性與縮圖可讀性。必要時進行一次性的針對性修改。
  6. 將專案相關的輸出儲存在專案既定的資源目錄中。切勿僅將專案引用的資源存放在 $CODEX_HOME/generated_images/ 目錄下。
  7. 建議第二張圖片的擺放位置,通常是在介紹該圖所探索之特定想法的段落之後。
  8. 如果無法生成圖片,則提供兩份完整的提示詞,並說明未生成圖片。

提示詞模板

Use case: editorial-blog-illustration
Asset type: <thumbnail or in-article illustration>
Article idea: <central idea>
Emotional tone: <tone>
Concrete motifs: <one or two motifs>
Subject and visual metaphor: <what is shown and why>
Composition: landscape, 3:2 target, generous negative space, crop-safe focal subject
Style/medium: editorial ink-and-watercolour illustration on warm ivory paper
Style specification: <include every bullet from the Style specification section above>
Relationship to pair: <how this complements the other image>
Constraints: separate image, no text, no lettering, no logos, no border
Avoid: photorealism, 3D, glossy digital rendering, heavy shading, harsh outlines, neon colours, dense detail, stock-art clichés, generic corporate vector art

驗證

  • 存在兩個獨立、非零大小的圖檔。
  • 兩張圖片共享相同的調色盤與視覺語言。
  • 縮圖在小尺寸下仍可閱讀,且位於安全裁切區域內。
  • 內文插圖增添了文章專屬的特定想法。
  • 未出現未經要求的文字、標誌、邊框或不相關的參考主題。
  • 文章或其發布記錄指向確切的資源儲存路徑。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

相關技能