2026年9月1日 下午 1:03
AI 設計AI TOOLS · DESIGN SYSTEM · 2026
QUICK ANSWER
mono-color 是設計師 Yan Liu 開源的 Claude Skill，把單色與雙色編輯印刷的整套視覺語言寫成機器讀得懂的規格：最多兩塊印版、單色八種墨、雙色九組配方、七種字體角色、25% 到 55% 的可見紙面。給它一個主題或一張照片，它回你一張生成圖、一份可複製的 prompt，還有一張寫明用了哪些設定的配方單。
GITHUB · 開源專案
yanliudesign / mono-color-skill
SKILL.md 與 design-system 目錄採 MIT 授權，可自由使用與改寫；examples 資料夾裡的範例作品另有條款，不得商業使用。
github.com/yanliudesign/mono-color-skill →CHAPTER 01 · WHAT IS IT
GitHub 上這陣子跑出一支叫 mono-color 的 Claude Skill，星星數已經越過九百。表面上它做的事很單純：你丟一句話、一個主題、或一張照片，它回你一張單色或雙色的編輯印刷風格圖。
但點進 repo 會看到比較少見的東西。design-system/ 資料夾裡躺著七個 JSON——紙張與墨色、版面幾何、字體角色、視覺張力、印刷瑕疵、載體、方向指引各一份，每一項都有 ID、有數值區間、有適用情境。旁邊還有一個 evals/ 資料夾跟一條 GitHub Actions，每次 push 就跑一次驗收，過不了直接紅燈。
一支生圖工具附一份設計系統文件，這不奇怪。奇怪的是這份文件不是寫給人看的，是寫給模型執行的。它把「什麼題材配哪種襯線」「第二個顏色只准做什麼事」「留白該留多少」從資深設計師的直覺，搬成了可以 diff、可以 review、可以被 CI 擋下來的檔案。
如果你還沒碰過 Skill：它就是一個資料夾，裡面放一份 SKILL.md 加上參考檔案，丟進 Claude 的技能目錄，模型碰到相關任務時會自己去讀。你不用每次重貼一長串 prompt，規則住在檔案裡，改一次全部生效。這個機制我在 Claude Code 的 /design 指令那篇也拆過，兩者的底層邏輯是同一套。
mono-color 覆蓋的用途比想像中寬：活動海報、展覽視覺、zine 內頁、書封與扉頁、包裝與貼紙、明信片與邀請卡、Podcast 封面、社群貼文首圖。共同點是這些東西如果真的要印，單色或雙色能把印刷成本壓下來，同時還保得住辨識度。
CHAPTER 02 · WHAT IT MAKES
先看結果比較快。封面那三張就是作者放在 README 的原創範例——鈷藍的單車海報、橘色網點斑馬、綠色折疊椅 zine 封面。三張擺在一起，共同的骨架就浮出來了。照片一定被機械化處理過——不是加濾鏡，是變成網點、粒子、爆掉的高光，看起來像真的過了印刷機。紙面一定留得見，不會整頁被顏色蓋滿。標題一定跟圖有交集，字壓在圖上、或圖從字後面長出來，兩者不是上下並排的關係。
再往下捲，同一套語言換到商品場景也成立。
值得注意的是第二個顏色。周邊那張裡的橘色只出現在幾個圈記與小色塊上，總面積很小，但它負責的是「標記」這件事——把視線帶到該看的地方。這是整套系統裡最容易被忽略的規則：副色不是拿來裝飾的，它必須有一份指定的工作。
如果你想知道這種網點質感手工怎麼做，我寫過 Photoshop 網屏圖樣做雜誌感波紋的完整步驟。對照著看會很有感：手工做的時候，你腦子裡其實也在跑同一套判斷，只是從來沒把它寫下來。
CHAPTER 03 · HOW IT WORKS
整個流程只有五步，但關鍵全在第一步跟第三步。
WORKFLOW
01
讀輸入
抓出四件事：非留不可的主體、意圖（宣告、觀察、田野筆記、公共活動⋯）、要保留的原文字、圖片扮演的角色。
02
選版面
從九種版面家族裡挑一種：圖像場、標本註記、文字宣告、有欄線的資訊頁、檔案印版、編輯封面、重複物件、疊印拼貼、編輯日誌。
03
分派印版
預設兩塊，各自先寫好職務。要純單色得明講。
04
排版
保留 25% 到 55% 的沉默，再放一個刻意的破壞點。
05
生成並自檢
檢查墨數、辨識度、層級、質感、原創性五項。
第三步之前，skill 會先把你的要求解析成一份 recipe manifest：主體、意圖、原文字、比例、紙張、模式、色票、每塊印版的職務、版面、留白百分比、張力等級、焦點事件、釋放區、未收邊、圖像處理法、字體角色、破壞點、瑕疵種子。沒指定的欄位走預設——3:4、Neutral White 紙、35% 留白、Cobalt 配 Terracotta。
這裡有一個我很欣賞的設計決定：同樣的輸入會解出同樣的配方。它刻意不為了新鮮感亂換版面或色票，你重跑一次不會得到一張完全不同的東西。生圖模型本身還是有隨機性，但決策層是穩的。
更妙的是 imperfections.json。真實印刷會有墨色不均、乾邊崩裂、網點漂移、套印位移、筆觸斷開，這五種它都列進去了，並且規定：當代編輯風格只挑 0 到 2 個，走復古或檔案感才挑 2 到 3 個。挑哪幾個由主體、文字、色票、版面算出的 hash 決定，所以重跑時髒的地方是同一批髒法，不會每次亂長。
把亂度也變成可重現的參數，這是印刷思維，不是濾鏡思維。
“
當風格能被寫成規格，設計師的價值就從畫得出來，往前移到決定不畫什麼。
CHAPTER 04 · INK SYSTEM
2
印版上限
8
單色墨
9
雙色配方
3
可選紙色
單色墨有八種，各自綁定題材：Cobalt 鈷藍給科技、知識、城市與音樂；Royal Blue 給青年文化與時尚；Botanical Green 給植物與生態；Mint Green 給觀察日誌；Terracotta 給古典藝術、食物與旅行；Signal Red 給宣告與公共活動；Aubergine 給文學、電影與夜；Charcoal 給建築、攝影與研究。
ONE-INK PALETTE
Cobalt
#2148B8
Royal Blue
#2058D4
Botanical Green
#008A4B
Mint Green
#5EB783
Terracotta
#C65F38
Signal Red
#C83232
Aubergine
#63365F
Charcoal
#30343A
預設模式其實是受控雙色，不是純單色。主版吃掉 70% 到 85% 的印刷面積，副版只有 15% 到 30%，而且必須被指派一份具體工作——日期、註記、被挑出來的物件、疊印交會處，四選一。副版拿來「讓畫面豐富一點」是不被允許的。
PLATE ROLES
主版 70–85%
承擔影像、紙張質感與主標題
副版 15–30%
只做一件指定的事
兩條容易誤會的界線也寫死了：紙張不算一個顏色，兩塊印版疊在一起產生的深色也不算第三色。這在真實印刷裡是常識——你去問印廠，特別色算幾色就是算幾塊版。但很多人做 AI 生圖時會不自覺把紙色當成一個配色位，結果出來的東西看起來像三色印刷。
紙有三種：Neutral White 給清脆的文化與活動題材、Cool Gray 給建築科技與克制的品牌、Pale Beige 給觸感、食物、旅行與檔案感。作者在文件裡特別強調一句話：用網點跟有限的墨數，不代表這東西就該做成復古的。要泛黃、要做舊、要磨損，你得自己講。
這條規則背後的判斷其實蠻銳利的。過去十年「單色＋網點」幾乎被綁架成復古的同義詞，但那是兩件事：一個是複製方式，一個是年代氛圍。把它們拆開，這套系統才能拿來做當代的東西。
CHAPTER 05 · TYPE ROLES
這是整支 skill 我最想推薦給設計師看的一份檔案。typography.json 沒有指定任何一款字型，它指定的是角色——每個角色包含顯示字的骨架描述、搭配的輔助字、字階倍率、行為規則、以及適用題材清單。
ROLE
顯示字骨架
字階
適用題材
Literary
有個性的舊風格或過渡襯線
6:1 – 12:1
隨筆、食物、茶、書、安靜的生活觀察
Cultural Grotesk
寬的幾何或新怪誕體
8:1 – 16:1
音樂、青年文化、時尚、當代展覽
Condensed Civic
厚重的窄體
8:1 – 14:1
活動、公告、公共文化、時程表
Programmatic
中等灰度的工程感無襯線
4:1 – 9:1
節目冊、行事曆、研究、建築
Rotated Display
旋轉的大型顯示字
10:1 – 20:1
封面、動物或物件肖像、大膽概念
Handwritten Interjection
手寫短註
2:1 – 6:1
邀請卡、旅行筆記、社群貼文、私人補述
Typographic Object
字本身就是圖
12:1 – 20:1
宣告、詩、純文字封面、單字標題
作者另外做了四張分析板，把排版、色彩、版面、風格的推導過程攤開來。排版那張標了六種顯示嗓音、四級字階（主標是內文的 7 到 20 倍、副標 2 到 4 倍、事實層 1 倍、微型註記 0.7 倍）、三種方向（水平、垂直、旋轉），底下還掛著十二張來源索引。它把「這套規則是從哪裡歸納出來的」也一併公開了，這在生圖工具裡很少見。
選字階這件事對繁中設計師特別有參考價值。中文標題的視覺重量跟拉丁字母不一樣，同樣 12:1 的倍率，中文會顯得更滿。要拿這套來排中文，我的建議是把倍率往下抓一到兩級，然後在字重上補回來——這也是我在 德拉黑體與饅頭黑體那篇裡談過的取捨。
CHAPTER 06 · GETTING STARTED
安裝就是把 repo clone 進 Claude Code 的技能目錄，重啟就生效：
git clone https://github.com/yanliudesign/mono-color-skill.git ~/.claude/skills/mono-color
其他 agent 環境的話，直接把 SKILL.md 當作入口載進去就行。
下指令的手感跟一般生圖 prompt 不太一樣。你不需要描述質感、光線、鏡頭，那些系統自己會決定。你要給的是三件事：主體、原文字、以及你想壓住的變數。
PROMPT PATTERNS
最短的版本
用 mono-color 做一張深夜便利商店的直式海報，標題就寫 still open。
指定色與角色分工
做一張 Charcoal 配 Signal Red 的清水模建築展覽海報，紅色只准用在日期、地點，跟一個幾何干擾物上。
帶自己的照片
把這張街拍變成鈷藍城市散步海報，建築做成粗網點，標題「north by foot」。
純文字，不要照片
用 Mint Green 配 Charcoal 做一頁詩集扉頁，句子是 we kept the window open，不要照片，紙面留多一點。
一次執行會回三樣東西：生成的圖、完整可複製的 production prompt、以及一張配方單，寫明這張用了哪個模式、哪組墨、哪種版面、哪組字體搭配、哪種印刷處理。沒有生圖能力的環境，它會只給 prompt 並明講缺了什麼。
配方單是這裡最有價值的副產品。它等於把一張圖的決策紀錄留下來，你下次要做同系列的第二張、第三張，直接改配方單裡的欄位就好，不用重新描述一遍。這種「把設定跟產出分開」的思路，跟我談過的 8pt 間距系統是同一個家族——把手感換算成數字，你才有辦法把它交給別人執行。
如果你想自己做一支類似的 skill，Anthropic 官方有支很短的示範影片，講怎麼把一段工作流程直接錄成 skill：
▲ Record A Skill With Claude｜Anthropic 官方頻道
CHAPTER 07 · LIMITS
這個 repo 有兩份授權，很多人會漏掉第二份。程式碼、SKILL.md、design-system 的 JSON、驗收腳本走 MIT，你隨便用。但 examples/ 資料夾裡那些漂亮的海報跟包裝圖是獨立條款：版權全部保留，可以看、可以分享連結回原專案，未經書面同意不得用於商業用途。
意思是你 clone 完不能直接抓範例圖去提案、去當作品集、去放進客戶簡報。你自己跑出來的圖不受這條限制，但別人做的那批就是別人的。這種「程式開源、視覺保留」的雙軌授權在設計類 repo 會越來越常見，接案的話值得養成先翻授權檔的習慣——我在 接案設計師的素材授權紅線裡整理過幾條會真的賠錢的。
生成結果是點陣圖。字改不了、色版分不開、出血跟疊印都是模擬出來的視覺效果，不是真的印刷檔。要真的送印，你還是得回 Illustrator 或 InDesign 把版重排一次，把文字換成真的向量字、把特別色設成真的專色。
所以它比較準確的定位是提案階段的快速視覺，或者社群、電子報這種只在螢幕上活的用途。當作發想的加速器很好用，當作生產流程的終點會撞牆。
系統預設自造的標題與微型文案走英文，只有你明確給的文字才保留原語言。範例裡有中文海報，做得出來，但字型選擇、缺字、標點行為全部不在它的控制範圍。要做繁中版本，我的作法是把中文標題當作必須保留的原文丟進去，然後把出來的結果當草圖，真的要用時在 Illustrator 裡把字重打一次。繁中字型的挑選可以參考 昭源環方那篇。
這套規則能擋掉的是「三個顏色亂噴、版面塞滿、字級只有兩級」這類基本問題。它擋不掉的是焦點選錯——主體挑得平庸、標題句沒有力氣，出來的東西依然會是一張很乾淨但沒有人想多看一眼的圖。
作者自己在文件裡也承認這件事，所以才有 rhythm.json 那份「張力 profile」，逼每一頁都得挑一個大膽的焦點事件，其餘的靠紙面跟淡網釋放掉。但挑什麼當焦點，還是人的活。
CHAPTER 08 · TAKEAWAYS
這支 skill 真正的價值不在它能生圖，在它示範了設計系統可以被寫到什麼程度。三個觀念可以直接搬進你自己的專案。
01
把「不要什麼」寫得跟「要什麼」一樣清楚
文件裡有一整節 Not this：不要套濾鏡的全彩照、不要三塊以上的印版、不要打光精美的 3D 模擬圖、不要置中模板、不要撕紙拼貼、不要因為用了網點就自動做舊。負面清單比正面描述更能鎖住風格，因為它擋掉的正是模型與新人最容易滑過去的那幾條路。你的品牌規範裡有這一節嗎？
02
把手感換算成數字區間
25% 到 55% 的留白、70 比 30 的印版分工、6:1 到 12:1 的字階。區間不是把設計變機械，是把「你自己看著辦」變成「你在這個範圍裡看著辦」。有了區間，這份規範才能交給第二個人執行——不管那個人是新來的設計師，還是一個模型。
03
給亂度一顆種子
刻意的不完美如果每次都亂長，那叫失控不叫風格。把瑕疵的選擇綁在配方的 hash 上，重跑時髒的位置一模一樣。這個思路可以直接搬到你的動態設計、程式生成圖樣、甚至簡報模板裡。
去年我還會覺得，把設計判斷寫成文件是一件保守的事——寫得越死，能長出來的東西越少。現在我的看法反過來了。當合格的排版變得幾乎免費，能不能把判斷寫清楚，就決定了你手上這套風格是能被複製擴張，還是每次都得靠你本人坐下來重畫一次。
Sagmeister 在訪談裡說過，只要求可讀的排版，他一個下午能做幾千個——這句話我在 另一篇展開過。mono-color 做的事，等於是把那個「一個下午幾千個」的能力，包成一個資料夾送出去。剩下的那條線——決定這張圖該長成什麼樣子、焦點放哪裡、哪一句話值得被放大二十倍——還是站在人這一邊。
只是這條線的位置，從「會不會做」移到了「說不說得清楚」。
RELATED READS
EXTRA · LINKS
· mono-color-skill GitHub 專案頁（含 SKILL.md、design-system 目錄與兩份授權檔）
· Anthropic 官方 Agent Skills 文件（Skill 的資料夾結構與載入機制）
FAQ
A：不用。程式碼、SKILL.md 與 design-system 目錄採 MIT 授權，免費下載、免費修改、可以拿去做自己的版本。要花錢的是你的 AI 服務本身，也就是跑 Claude 與生圖模型的費用。
A：可以。它的核心是一份純文字的 SKILL.md，任何吃得下系統指令或長文脈絡的 AI 助理都能載進去用。差別在於 Claude Code 會自動判斷什麼時候該啟用這支 skill，其他環境你得自己把檔案內容貼進去。
A：你自己跑出來的成果不受該專案的視覺資產條款限制，那條款管的是 examples 資料夾裡作者做的範例作品。但你仍然要留意兩件事：生圖模型本身的服務條款怎麼規定商用，以及如果你餵進去的是別人的照片，原照片的授權不會因為套了網點就消失。
A：差在決策層被固定下來了。一般 prompt 每次都要重述質感、配色、留白，而且模型每次的詮釋都不同。這支 skill 會先把你的需求解析成一份配方單，同樣的輸入解出同樣的配方，版面與色票不會為了新鮮感亂跳。你得到的是一套可以重複的視覺語言，不是一張運氣好的圖。
A：可以，但要主動指定。它預設自造的英文標題，只有你明確給出的文字會保留原語言。實務上建議把中文標題當成必須保留的原文丟進去，並且把出來的結果當成草圖——字型、缺字與標點行為都不在它的控制範圍，真的要用還是得回向量軟體重打一次。
A：不行。輸出是點陣圖，字改不了、色版分不開，疊印與套印位移都是視覺模擬而不是真的分色檔。它適合提案階段的視覺、社群與電子報用途；真的要送印，得回 Illustrator 或 InDesign 重排一次，把文字換成向量字、把顏色設成真正的特別色。
A：它公開的那套規則本身就是可讀的教材：負面清單怎麼寫、手感怎麼換算成數字區間、副色該被指派什麼工作、瑕疵怎麼變成可重現的參數。這些觀念搬進你自己的品牌規範或設計系統，不需要任何工具就能生效。
