hao-visuallisted
Install: claude install-skill a596116/hao-skills
# Hao Visual
以同一套暖色手帳視覺語言產出點陣圖。生成前先選一種輸出模式;兩條生產路徑不可混用。
## 選擇輸出模式
### 模��� A — 解說圖
當圖片本身必須解釋概念���機制、流程、對比或取捨時使用。
- 交付完整 PNG 或 WebP,場景為米黃手帳紙質感。
- 所有必要標題與標籤必須直接生成在點陣圖內。
- 關係必須透過物件、路徑、狀態或可見證據呈現;標籤標示證據,但不取代證據。
- 不可先生成無字底圖,再在後製步驟補上必要文字。
### 模式 B — 透明插圖
當角色場景將被合成進 hero、文件、卡片、投影片或其他版面時使用。
- 主體放在完全均勻的 chroma-key 背景上,且背景色不得出現在畫作中。預設 `#00FF00`;主體含綠色時改用 `#FF00FF`;主體含橘色柴犬時優先 `#00FF00`,若去背不佳再改 `#FF00FF`。
- 除非使用者明確要求,否則不在插圖內加解說文字。
- 用內附 `scripts/cutout.py` 去背,交付透明 PNG。
- 透明圖作為可重用素材;標題與說明由外層版面提供。
若用途不明:圖片本身需傳達想法 → 模式 A;外層 layout 負責說明 → 模式 B。
## 共享視覺語言
- 場景用手帳語言:米黃紙 `#F7F0E4`、淡格線/點陣、和紙膠帶、小貼紙。
- **小人沿用 oil-visual 原版**:極簡 stick figure——圓頭、細圓框眼鏡、點眼、簡單微笑、**細線手腳**、窄直身體;不可畫胖、不可圓潤 Q 版、不可 filled blob 身體。
- **柴犬**為橘白 `#E8A849` 簡化同伴,線條粗細與小人一致,細節不可比小人更精緻。
- 角色參考圖:`assets/style-options/canonical-reference.png`(即 `examples/agent-workflow-square.png`)
- 角色永遠配角,服務主題的證據或動作。
- 最多兩種粉蠟筆語義色:天藍 `#7EB8DA` = 輸入/內容;珊瑚 `#F4A582` = 動作/警告/成本;鼠尾草 `#9BB89A` = 成功/結果。
- 可少量和紙膠帶、小貼紙、手寫分隔線作裝飾,但不可搶主題。
- 避免 3D、光澤漸層、寫實、通用 dashboard、裝飾 clutter、浮水印。
## 角色錨點(每次生成必貼)
以下區塊必須原樣放入**每一張**生成 prompt(模式 A 與 B 皆然),放在場景描述之後、標籤或 key 背景之前:
```text
CHARACTER ANCHOR (mandatory — Oil-1 oil-visual stick figure):
Human protagonist MUST match oil-visual exactly: minimal stick figure with
round head, thin round glasses, dot eyes, simple smile, THIN LINE-DRAWN LIMBS,
narrow straight body — NOT chubby, NOT round fat body, NOT filled blob torso,
NOT cream mascot, NOT anime chibi. Black confident ink outlines.
Shiba Inu: simplified compani