開源個 Skill｜徹底解決小紅、小綠書配圖難題
整理版優先睇
開源一個專為小紅書、小綠書設計嘅卡片生成 Skill，用雜誌風同網格風徹底解決配圖難題。
呢篇文章係由鬼藏（op7418）寫嘅，佢之前開源咗 guizang-ppt-skill，發現用佢生成嘅網頁截圖發上圖文平台，數據仲好過手工排版。佢覺得現有嘅 AI 卡片生成工具都係「Tailwind + 大色塊 + emoji」呢類網頁風格，好容易一眼睇穿係 AI 生成。於是佢將相關功能拆分，做咗一個全新嘅 guizang-social-card-skill，專門針對圖文平台嘅豎屏卡片。
呢個 Skill 嘅核心目標係生成 3:4 豎圖，所有字號、版式、斷行規則都係按手機信息流真實場景校準。佢內置咗 11 個常見圖文品類嘅適配規則，例如旅行、職場、影評、產品測評等，會根據輸入內容自動揀選合適嘅視覺風格。另外佢有一套文字壓圖演算法，可以自動避開人臉、產品主體，調整字色同蒙版，令文字同圖片融為一體。圖片來源方面，佢接入咗 Pexels、Unsplash 等免費圖庫，避免用 AI 生圖導致平台限流。
整體結論係：一個好嘅 Skill 應該當做產品咁對待，有 PRODUCT.md、版本號、CHANGELOG 同 HANDOVER.md，清楚交代能力邊界。呢個 Skill 拒絕承接追星、純硬廣、超過 12 屏嘅長教程等場景，因為佢認為「能力邊界比能力本身更重要」。
- 圖文卡片要嘅係雜誌感，唔係網頁感；呢個 Skill 專為 3:4 豎屏信息流校準，所有設計決策都圍繞「1 秒鐘令人停低」呢個目標。
- 內置 11 個內容品類適配規則（旅行、職場、影評、測評等），識別內容類型後自動套用對應嘅版式、色板同字體。
- 最大差異係接入真圖庫（Pexels、Unsplash），唔用 AI 生圖；文字壓圖演算法自動避開主體，唔會出現「字壓臉」呢類翻車。
- 啟發：能力邊界比能力更重要——Skill 明確拒絕唔適合嘅場景（追星、硬廣、長教程），避免用戶浪費時間。
- 可行動點：可以經 GitHub 安裝呢個 Skill，配合 Claude Code 等工具使用，即刻體驗產品級設計質素。
GitHub 儲存庫
guizang-social-card-skill 原始碼、安裝指引及完整文件
點解要整呢個 Skill？
鬼藏之前整咗 guizang-ppt-skill，用嚟生成網頁 PPT。佢發現將網頁截圖發上小紅書、小綠書呢啲平台，反應仲好過手工排版。但市面上嘅 AI 卡片生成工具千篇一律，都係 Tailwind 加大色塊加 emoji，做出嚟嘅卡片好易俾人認出係 AI 生成。
佢認為圖文卡片同 PPT 完全係兩樣嘢：豎屏、信息流入面 1 秒決定停定唔停、靠圖講嘢多過靠字。於是佢將相關功能從 PPT Skill 拆出嚟，單獨做咗 guizang-social-card-skill</highlight-inline>。
呢個 Skill 有咩特點？
- 1 旅行/生活方式：雜誌風，暖色板，大圖壓全屏，襯線大標題。
- 2 職場/乾貨/商業洞察：網格風，深色背景，數據大字報版式。
- 3 影視/文化：偏冷色調雜誌風，電影海報式版式，人物特寫優先。
- 4 產品測評/數碼：網格風，對比矩陣，設備框美化截圖。
- 5 讀書/筆記：雜誌風，襯線字體，引文居中版式，留白拉滿。
- 6 美食/探店：高飽和雜誌風，俯拍圖優先，文字向四角讓位。
另外，佢有明確唔接嘅活：追星粉絲向、純促銷硬廣、超過 12 屏嘅長教程。呢啲場景會直接話你知「你可能要用第啲工具」。
圖片來源方面，佢接入咗 Pexels、Unsplash、Wallhaven 三個免費圖庫，根據語義自動派發搜索詞同裁切。對於截圖，佢內置咗 macOS/iOS 風格</highlight-inline> 設備外框，配合唔同材質背景，令截圖望落似官方宣傳圖。AI 生圖只會喺所有揾圖渠道都失敗先用，而且會強制帶風格約束詞，避免「一眼 AI」。
視覺系統有 雜誌風</highlight-inline> 同 網格風</highlight-inline> 兩套風格，加埋 28 個版式骨架。呢啲骨架係從過去十年睇過嘅雜誌、海報、電影海報入面揀出嚟，經得起放大睇。AI 嘅任務由「設計」降級成「填充」，成品穩定性即刻提升。配合 10 套主題色板、固定字體搭配、有限圖標庫，限制反而係底線。
點解要當產品咁整？
從設計角度，佢解釋咗點解揀雜誌風：大留白、襯線字體優先、版式不對稱、用色剋制——呢啲決策落到代碼入面係 字號階比例、留白比例、網格列數、對比度閾值、斷行規則 等具體常量，呢啲先係真正嘅護城河。
最後佢話：「判斷一個 Skill 好唔好，睇佢有冇被佢嘅作者偏愛過。」如果你也喺做圖文內容，呢個 Skill 可以幫你慳返好多被排版毀咗嘅好選題。
前排開源咗 guizang-ppt-skill，之後我自己用佢嚟做內容嘅時候發現咗一件事。
用佢出嘅網頁，單張截落嚟發去圖文平台，反應同數據仲好過我自己手動排版好多。
我信你之前都揾過呢類生成3:4卡片圖嘅提示詞或者 Skill。
佢哋幾乎都係同一個套路：Tailwind + 大色塊 + emoji 堆砌 + 中規中矩嘅字號層級。
睇完之後，我大約明點解 AI 出嘅圖文卡片咁容易俾人一眼睇穿，佢哋做嘅係網頁，唔係雜誌。
佢哋做嘅係網頁，唔係雜誌。
圖文卡片同 PPT 完全係另一種生物：直屏、信息流入面1秒決定停唔停、靠圖講說話唔係靠字。
版式唔同、節奏唔同、讀者唔同。
於是我將佢由 PPT Skill 度拆出嚟，獨立做成 guizang-social-card-skill（https://github.com/op7418/guizang-social-card-skill）。
下面講下佢好在邊、點解我願意喺佢身上花咁多時間。
二、到底好在邊度
先講清楚目標：3:4 直圖係圖文卡片嘅主戰場。
呢個 Skill 嘅絕大部分設計心力都落喺 3:4 上面，字號層級、版式比例、斷行規則。
全部按 3:4 喺手機信息流入面被滑過嘅真實場景校準過。21:9 同 1:1 公眾號頭圖都支援。
下面由圖文創作者最關心嘅事開始講。
2.1 佢分得清你喺寫乜，然後用啱嘅方式去配
圖文平台上面嘅內容係分類別嘅。一篇影評同一篇產品測評，需要嘅視覺語言完全唔同；
一篇旅行散記同一篇職場乾貨，應該用嘅版式都唔係同一回事。
但絕大部分 AI 工具唔理呢件事，你寫乜內容佢都用同一套模板套出嚟。
結果就係所有人出嘅卡片都好似一個公眾號嘅封面流水線。
呢個 Skill 內置咗 11 個常見圖文品類嘅適配規則：
旅行 / 生活方式：雜誌風為主，暖色調，大圖壓全屏，襯線大標題；
職場 / 乾貨 / 商業洞察：網格風為主，深色背景，數據大字報版式；
影視 / 文化：偏冷色調嘅雜誌風，電影海報式版式，人物特寫優先；
產品測評 / 數碼：網格風，對比矩陣，設備框美化截圖；
讀書 / 筆記：雜誌風，襯線字體，引文居中版式，留白拉到最盡；
美食 / 探店：高飽和雜誌風，俯拍圖優先，文字向四角讓位；
我甚至專登為旅行 blogger 整咗地圖組件。你可以將舖頭位置同旅行路線都標註上去，AI 會自動幫你生成標註。
同一段文字餵俾佢，你話係影評，佢俾你電影海報式嘅卡片；
你話係產品測評，佢俾你帶設備框嘅對比圖。
更重要嘅係，佢有明確唔接嘅嘢：
追星粉絲向，需要嘅視覺語言完全係另一脈；
純促銷硬廣，違背佢強調內容性嘅設計哲學；
超過 12 版嘅長教程，圖文形態唔係長教程嘅最佳載體。
遇到呢啲場景，Skill 會喺開頭就話俾你知「你可能想用第啲工具」。
呢個係我特登留嘅。能力邊界比能力本身更能定義一個產品，一個乜都做得嘅 Skill 最後通常乜都做唔好。
一個乜都做得嘅 Skill，最後通常乜都做唔好。
2.2 文字點樣壓喺圖上面，呢件事我啃咗好耐
文字壓圖係圖文卡片入面最難嘅一件事，亦係最容易暴露「AI 感」嘅地方。
壓得唔好就會出現三種炒車：
文字冚咗人面或者產品中心位置
白字壓淺色背景或者黑字壓深色背景睇唔清
文字橫跨成張圖將本來靚嘅構圖搞爛。
Skill 處理呢件事用咗三步：
識別圖入面嘅主體：人面、產品、文字密集區，版式上自動避開；
計算落點區域嘅色同明度：決定字色、使唔使加蒙版、陰影應該幾深；
字號同斷行自適應：根據落點區域大細動態調整字號同換行位置，而唔係寫死字號讓佢溢出。
呢套規則行落嚟，卡片嘅「高級感」基本上就企穩咗。讀者睇唔出「被壓上去嘅字」同「圖本來就喺嗰度嘅字」嘅分別。
2.3 圖片從邊度嚟：呢個係同市面上 AI 卡片工具最大嘅分別
絕大部分 AI 生成圖文卡片嘅工具，一係要你自己 upload 圖，一係用 emoji 頂替，一係生成啲一眼 AI 嘅插畫。
結果就係手動補圖好攰，或者堆 emoji 顯得好假。
呢個 Skill 預設連接咗三個免費可商用圖庫：
Pexels，支援中文搜尋，大眾化場景夠用；
Unsplash，攝影質感最強，人物、生活、空間類內容首選；
Wallhaven，遊戲、攝影、wallpaper 之類嘅圖都喺呢度，版權混亂。
佢會根據正文段落嘅語義自動派發搜尋詞、拎返圖、按版式裁切到位、避開人面或者主體被切走。
你拎到嘅係一張配咗真實攝影圖嘅卡片，而唔係一張色塊卡片。
而且佢亦唔會死板咁去揾絕對冇版權問題嘅圖。
拎得到嘅圖都會話俾你知，由你自己判斷使唔使放版權唔清楚嘅圖片。
另外，而家各個平台對 AI 帶水印嘅問題管得好嚴。
目前你用嘅大部分 AI 生圖都會有水印，而有水印就會俾平台標註，水印就會俾平台標註一旦被標註就容易俾人限流，呢個係大家好頭痕嘅一個問題。
2.4 截圖都係圖：四件套美化
我哋嘅好多內容用唔到攝影圖，要用軟件截圖、聊天記錄、產品介面。
Skill 內置咗一套截圖美化：
加 macOS / iOS 風格嘅設備外框（browser chrome 或手機邊框），用唔同材質嘅背景托住截圖，格紙、點陣、暖白或深色，令截圖唔再白底浮喺白底上面；
同時根據視覺風格自動匹配陰影層次同圓角參數，兩套風格各有各嘅截圖配方，前後一致唔使手動調。
簡單講句，你隨手截嘅圖，過佢一次，睇落就好似產品官方做嘅宣傳圖。
2.5 AI 生圖：剋制咁用
只有前面所有揾圖渠道都拎唔到合適素材嘅時候，Skill 先會 call AI 生圖。
生圖時會強制帶上風格約束詞，避免出現「一眼 AI 插畫」嗰種平庸視覺。
我寧願佢少用 AI，都唔想佢將 AI 用成嗰個令所有圖文卡片都似樣嘅元兇。
亦都避免你用 AI 圖片搞到內容曝光受影響。
2.6 視覺系統：兩套風格 + 28 個版式骨架
熟我之前嘅 PPT 嘅人會覺得眼熟。
呢兩套視覺系統同版式骨架，係由 PPT Skill 嗰邊沿用並重新校準過嚟嘅。
我就唔重複講，簡單講下佢喺圖文卡片場景下嘅樣。
兩套視覺系統：
雜誌風：你喺《The New Yorker》同上海譯文社嘅封面見到嗰種排版。大留白，襯線大標題，版式唔對稱，文字有呼吸感。
網格風：Massimo Vignelli 同 Helmut Schmid 瑞士平面設計嗰一脈。強網格，無襯線，幾何感，用色剋制但精準。
28 個版式骨架，係我由過去十年睇過嘅雜誌、海報、專輯封面、電影海報入面揀出嚟，經得起放大睇嘅嗰啲。
AI 喺「自由版面設計」上而家仲係平庸嘅，俾佢一個被驗證過嘅骨架，佢嘅任務就由「設計」降級成「填充」，成品穩定性即刻上嚟。
10 套主題色板、固定字體配搭、有限圖標庫，呢啲細節就唔一一列曬。
佢哋嘅邏輯係同一個：限制唔係阻礙，係底線。
俾一個內容創作者無限嘅顏色選擇，佢更易做出難睇嘅嘢；
俾佢 10 套被驗證過嘅色板，佢做出睇得嘅嘢嘅機會接近 100%。
三、點解要咁做
3.1 設計角度：雜誌感非常有效
點解行雜誌風同網格風，而唔係更「現代」嘅卡片設計？
圖文卡片嘅本質，同印刷海報、畫報、專輯封面係同一種嘢。
用一張靜態圖，喺 1 秒鐘入面說服一個陌生人停低。雜誌同海報喺過去一百年已經將呢件事研究透咗。
網頁設計語言係為可碌、可互動嘅場景做嘅，搬去一張靜態圖上面，會顯得用力過猛、信息平淡。
所以呢個 Skill 喺視覺決策上嘅所有「點解」：
點解要大留白？留白係雜誌話俾你知「重點喺呢度」嘅方式；
點解襯線字體優先？襯線字體喺大字號上有印刷品嘅重量感；
點解版式唔對稱？唔對稱會製造視覺節奏，令對眼知道先睇邊度；
點解用色剋制？社交信息流入面，剋制嘅色板反而比飽和度高嘅更搶眼，佢同周圍所有「叫得好大聲」嘅卡片唔同。
呢啲決策聽落都好「虛」，但佢哋落到 code 入面全部係具體嘅常量。
字號階比例、留白比例、網格列數、對比度閾值、斷行規則。呢啲常量先係呢個 Skill 真正嘅護城河。
3.2 產品角度：佢係一個產品，唔係一段 Prompt
做咗咁多個 Skill 之後，我對「Skill 呢樣嘢到底係乜」形成咗一個判斷：
Skill 呢樣嘢，本質上係一個小產品。
落實到呢個項目：
我俾佢寫咗 PRODUCT.md，講清楚佢解決咩問題、俾邊個用、唔做咩。
係為咗逼自己將「我到底喺做乜」諗清楚。我自己講唔清嘅時候，呢個 Skill 就唔應該被發布。
我俾佢打版本號（v0.5 / v0.9 / v0.10 / v0.12），每一版都有 CHANGELOG。
我能話俾你知點解 v0.10 係一次失敗嘅嘗試，同埋 v0.12 點樣將佢修返嚟。
我俾佢寫咗 HANDOVER.md，講清楚交付物係咩樣、能力邊界喺邊、咩場景應該用第啲工具。
我希望任何人接手佢，都可以喺 30 分鐘之內對佢有完整理解。
我會提前列出佢唔擅長嘅事，慳返用戶試錯三次先發現。
點解要花咁大工夫？
因為 Skill 生態最大嘅問題，係絕大部分 Skill 滿足於「我能做一個」，好少人喺追求「將呢件事做到極致」。
絕大部分 Skill 滿足於「我能做一個」，好少人喺追求「將呢件事做到極致」
一個 Skill 應該係企得起身嘅小產品。Prompt 十分鐘會俾同行複製走，產品唔會。
呢件事嘅反面係，如果我連自己 Skill 嘅能力邊界都講唔清，我就冇資格叫人將工作流交俾佢。
寫喺最後
呢個 Skill 令反過來理解咗我嘅 PPT Skill 真正做啱嘅係乜。
真正做啱嘅，係佢由一開始就被當成產品對待。
模板多、規則細、顏色好睇，都係呢件事嘅副產品。
以後再有人問我 Skill 係乜，我會用兩句說話回答：
Skill 係一個產品。判斷一個 Skill 好唔好，睇佢有冇俾佢嘅作者偏愛過。
如果你都喺做圖文內容，希望佢可以幫你慳返啲俾排版搞爛嘅好選題。
如果你都喺做 Skill，希望佢令你重新諗一諗，你做嗰樣嘢，值唔值得有 PRODUCT.md。
GitHub：https://github.com/op7418/guizang-social-card-skill
同你嘅 Codex、小龍蝦、ClaudeCode、Workbuddy 講：
✦
前段時間開源了 guizang-ppt-skill，之後我自己用它做內容的時候發現一件事。
用它出的網頁，單張截下來發到圖文平台，反響和數據比我手工排版還很多。
我相信你之前也找到過一些這種生成3：4 卡片圖的提示詞或者 Skill。
他們幾乎都是一個味道：Tailwind + 大色塊 + emoji 堆砌 + 中規中矩的字號層級。
看完之後，我大致能理解為什麼 AI 出的圖文卡片那麼容易被一眼識破，它們做的是網頁，不是雜誌。
它們做的是網頁，不是雜誌。
圖文卡片對比 PPT 完全是另一種生物：豎屏、信息流裏 1 秒鐘決定停不停下、靠圖說話而不是靠字。
版式不同、節奏不同、讀者不同。
於是我把它從 PPT Skill 裏拆了出來，單獨做成了 guizang-social-card-skill（https://github.com/op7418/guizang-social-card-skill）。
下面講講它好在哪、我為什麼願意在它身上花這麼多時間。
二、到底好在哪裏
先把目標說清楚：3:4 豎圖是圖文卡片的主戰場。
這個 Skill 的絕大部分設計精力都在 3:4 上，字號層級、版式比例、斷行規則。
全部按 3:4 在手機信息流裏被滑過的真實場景校準過。21:9 和 1:1 公眾號頭圖也都支持。
下面從圖文創作者最關心的事開始講。
2.1 它分得清你在寫什麼，然後用對的方式去配
圖文平台上的內容是分門類的。一篇影評和一篇產品測評，需要的視覺語言完全不一樣；
一篇旅行散記和一篇職場乾貨，該用的版式也不是同一回事。
但絕大多數 AI 工具不管這件事，你寫什麼內容它都用同一套模板套出來。
結果就是所有人發的卡片都長得像一個公眾號的封面流水線。
這個 Skill 內置了 11 個常見圖文品類的適配規則：
旅行 / 生活方式：雜誌風為主，暖色板，大圖壓全屏，襯線大標題；
職場 / 乾貨 / 商業洞察：網格風為主，深色背景，數據大字報版式；
影視 / 文化：偏冷色調的雜誌風，電影海報式版式，人物特寫優先；
產品測評 / 數碼：網格風，對比矩陣，設備框美化截圖；
讀書 / 筆記：雜誌風，襯線字體，引文居中版式，留白拉滿；
美食 / 探店：高飽和雜誌風，俯拍圖優先，文字向四角讓位；
我甚至專門為旅行博主做了地圖組件。你可以把店的位置和旅行路線都標註在上面，AI 會自動幫你生成標註。
同一段文字餵給它，你說這是影評，它給你電影海報式的卡片；
你說這是產品測評，它給你帶設備框的對比圖。
更重要的是，它有明確不接的活：
追星粉絲向，需要的視覺語言完全是另一脈；
純促銷硬廣，違背它強調內容性的設計哲學；
超過 12 屏的長教程，圖文形態不是長教程的最優載體。
碰到這些場景，Skill 會在開頭就告訴你"你可能想用別的工具"。
這是我故意留的。能力邊界比能力本身更能定義一個產品，一個什麼都能做的 Skill 最後通常什麼都做不好。
一個什麼都能做的 Skill，最後通常什麼都做不好。
2.2 文字怎麼壓在圖上，這件事我啃了很久
文字壓圖是圖文卡片裏最難的一件事，也是最容易暴露"AI 感"的地方。
壓不好就會出現三種翻車：
文字蓋在人臉或產品中心位置上
白字壓淺色背景或黑字壓深色背景讀不清
文字橫跨整張圖把本來好看的構圖毀掉。
Skill 處理這件事用了三步：
識別圖裏的主體：人臉、產品、文字密集區，版式上自動避開；
算落點區域的色和明度：決定字色、要不要加蒙版、陰影該多深；
字號和斷行自適應：根據落點區域大小動態調整字號和換行位置，而不是寫死字號讓它溢出。
這套規則跑下來，卡片的"高級感"基本就立住了。讀者看不出"被壓上去的字"和"圖本來就在那裏的字"的區別。
2.3 圖片從哪來：這是和市面上 AI 卡片工具最大的差別
絕大多數 AI 生成圖文卡片的工具，要麼讓你自己上傳圖，要麼用 emoji 頂替，要麼生成一些一眼 AI 的插畫。
結果就是手工補圖很累，或者堆 emoji 顯得很假。
這個 Skill 默認接入了三個免費可商用圖庫：
Pexels，支持中文搜索，大眾化場景夠用；
Unsplash，攝影質感最強，人物、生活、空間類內容首選；
Wallhaven，遊戲、攝影、壁紙之類的圖都在這裏，版權混亂。
它會根據正文段落的語義自動派發搜索詞、拿回圖、按版式裁切到位、避開人臉或主體被切掉。
你拿到的是一張配了真實攝影圖的卡片，而不是一張色塊卡片。
而且它也不會死板地去尋找絕對沒有版權問題的圖。
能拿到的圖都會告訴你，由你自己來判斷要不要放版權不明確的圖片。
另外，現在各個平台對 AI 帶水印的問題管得很嚴。
目前你用的大部分 AI 生圖都會有水印，而有水印就會被平台標註，一旦被標註就容易被限流，這是大家非常困擾的一個問題。
2.4 截圖也是圖：四件套美化
我們的很多內容用不了攝影圖，得是軟件截圖、聊天記錄、產品界面。
Skill 內置了一套截圖美化：
加 macOS / iOS 風格的設備外框（browser chrome 或手機邊框），用不同材質的背景托住截圖，格紙、點陣、暖白或深色，讓截圖不再白底飄在白底上；
同時根據視覺風格自動匹配陰影層次和圓角參數，兩套風格各有一套截圖配方，前後一致不用手動調。
簡單一句，你隨手截的圖，過它一道，看上去就像產品官方做的宣傳圖。
2.5 AI 生圖：剋制地用
只有前面所有找圖渠道都拿不到合適素材時，Skill 才會調用 AI 生圖。
生圖時會強制帶上風格約束詞，避免出現"一眼 AI 插畫"那種平庸視覺。
我寧可它少用 AI，也不想它把 AI 用成那個讓所有圖文卡片長得都像姐妹的元兇。
也避免你使用 AI 圖片導致內容曝光受影響。
2.6 視覺系統：兩套風格 + 28 個版式骨架
熟悉我之前的 PPT 的人會覺得眼熟。
這兩套視覺系統和版式骨架，是從 PPT Skill 那邊沿用並重新校準過來的。
我就不重複展開，簡單說一下它在圖文卡片場景下的樣子。
兩套視覺系統：
雜誌風：你在《The New Yorker》和上海譯文社的封面上看到的那種排版。大留白，襯線大標題，版式不對稱，文字有呼吸感。
網格風：Massimo Vignelli 和 Helmut Schmid 瑞士平面設計那一脈。強網格，無襯線，幾何感，用色剋制但精準。
28 個版式骨架，是我從過去十年看過的雜誌、海報、專輯封面、電影海報裏挑出來，經得起放大看的那些。
AI 在"自由版面設計"上現在還是平庸的，給它一個被驗證過的骨架，它的任務就從"設計"降級成"填充"，成品穩定性立刻上來。
10 套主題色板、固定字體搭配、有限圖標庫，這些細節就不一一列了。
它們的邏輯是同一個：限制不是阻礙，是底線。
給一個內容創作者無限的顏色選擇，他更容易做出難看的東西；
給他 10 套被驗證過的色板，他做出能看的東西的概率會接近 100%。
三、為什麼要這麼做
3.1 設計角度：雜誌感非常有效
為什麼走雜誌風和網格風，而不是更"現代"的卡片設計?
圖文卡片的本質，和印刷海報、畫報、專輯封面是同一種東西。
用一張靜態圖，在 1 秒鐘裏說服一個陌生人停下來。雜誌和海報在過去一百年已經把這件事研究透了。
網頁設計語言是為可滾動、可交互的場景做的，搬到一張靜態圖上，會顯得用力過猛、信息平淡。
所以這個 Skill 在視覺決策上的所有"為什麼"：
為什麼大留白？留白是雜誌告訴你"重點在這裏"的方式；
為什麼襯線字體優先？襯線字體在大字號上有印刷品的重量感；
為什麼版式不對稱？不對稱會製造視覺節奏，讓眼睛知道先看哪；
為什麼用色剋制？社交信息流裏，剋制的色板反而比飽和度高的更顯眼，它和周圍所有"喊得很大聲"的卡片不一樣。
這些決策聽起來都很"虛"，但它們落到代碼裏全是具體的常量。
字號階比例、留白比例、網格列數、對比度閾值、斷行規則。這些常量才是這個 Skill 真正的護城河。
3.2 產品角度：它是一個產品，不是一段 Prompt
做了這麼多 Skill 之後，我對"Skill 這種東西到底是什麼"形成了一個判斷：
Skill 這種東西，本質上是一個小產品。
落到這個項目裏：
我給它寫了 PRODUCT.md，講清楚它解決什麼問題、給誰用、不做什麼。
是為了逼自己把"我到底在做什麼"想清楚。我自己說不清的時候，這個 Skill 就不該被髮布。
我給它打 版本號(v0.5 / v0.9 / v0.10 / v0.12)，每一版都有 CHANGELOG。
我能告訴你為什麼 v0.10 是一次失敗的嘗試，以及 v0.12 怎麼把它修回來的。
我給它寫 HANDOVER.md，講清楚交付物長什麼樣、能力邊界在哪、什麼場景該用別的工具。
我希望任何人接手它，都能在 30 分鐘內對它有完整理解。
我會提前列出它不擅長的事，省得用戶試錯三次才發現。
為什麼要費這麼大功夫?
因為 Skill 生態最大的問題，是絕大多數 Skill 滿足於"我能做一個"，很少有人在追求"把這件事做到極致"。
絕大多數 Skill 滿足於"我能做一個"很少有人在追求"把這件事做到極致"
一個 Skill 應該是能站起來的小產品。Prompt 十分鐘會被同行複製走，產品不會。
這件事的反面是，如果我連自己 Skill 的能力邊界都說不清，我就沒資格讓別人把工作流交給它。
寫在最後
這個 Skill 讓我反過來理解了我的 PPT Skill 真正做對的是什麼。
真正做對的，是它從一開始就被當成產品對待。
模板多、規則細、顏色好看，都是這件事的副產品。
以後再有人問我 Skill 是什麼，我會用兩句話回答：
Skill 是一個產品。判斷一個 Skill 好不好，看它有沒有被它的作者偏愛過。
如果你也在做圖文內容，希望它能幫你省掉那些被排版毀掉的好選題。
如果你也在做 Skill，希望它讓你重新想一想，你做的那個東西，值不值得有 PRODUCT.md。
GitHub：https://github.com/op7418/guizang-social-card-skill
跟你的 Codex、小龍蝦、ClaudeCode、Workbuddy 說：
✦