← ClaudeAtlas

hao-visuallisted

以暖色手帳風建立一致的視覺系統,支援兩種模式:帶繁體中文標籤的完整解說圖,以及搭配 cutout.py 去背的透明角色插圖。主角為戴圓框眼鏡的極簡小人,同伴為可愛橘白柴犬。適用概念、機制、對比、流程、取捨、hero 插圖與可重用 layout 素材。
a596116/hao-skills · ★ 0 · AI & Automation · score 57
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