開源一個排版 Skill｜徹底解決公眾號排版難題（建議收藏！）

OPEN SOURCE · 排版 SKILL 2026.07

發布前最煩的那一個小時？

把審美寫成 規則

排版交給 AI Agent

組件庫裝配 · 主題生成 · 雙重校驗 · 開源復用

gzh-design-skill ·

甲木 × 摸魚小李

OPEN SOURCE AGENT SKILL

6 Parts + Conclusion

滑動

PART 01

為什么做排版

注意力變了

PART 02

解決什么問題

工作流問題

PART 03

六套主題

組件庫裝配

PART 04

主題生成器

專屬風格

PART 05

Skill 即產品

可商業化

PART 06

怎么用

安裝即觸發

PART ///

規則交給 Agent

現在，公眾號排版這件事，可以放心交給 AI Agent 了。

大家好啊，我是甲木，

這幾天趁著還能用「天才程序員」，跟小李一起把 公眾號排版 Skill 打磨了一下。

之前我們每次發布內容，都會有朋友問文章怎么進行排版的，今天直接把 方法論和代碼庫開源出來 供大家使用～

AI 排版要保證既有閱讀路徑，又不影響復制粘貼。 既有審美判斷，又能穩定復用 。試了幾輪之后，效果比我們預期好很多。

而且在 國產 Agent 上統統適用 ！WorkBuddy、TraeWork、QoderWork、Dumate、KimiWork 等等，都能直接加載！國產模型通通適用！

先來看看效果，小李的經典 摸魚綠 。

— 摸魚綠

我之前常用的 紅白風格 ，

— 紅白風

還有 橄欖手記 風格等等。

— 橄欖手記

我們看了覺得效果不錯，于是把這套東西整理成了一個 Skill，叫gzh-design-skill。

今天把它開源出來。

GitHub 開源地址（歡迎 star ??）

isjiamu/gzh-design-skill

— GitHub 首頁

下面聊聊它解決什么問題、個人如何 搭建自己的排版體系 ，以及 Skill 這件事后面可能怎么商業化。

01

PART

為什么要做排版？

WHY · ATTENTION SHIFT

為什么做排版，很簡單，內容的 呈現形式，已經變了很多輪 。

從純文字到圖文，再到小紅書、朋友圈、公眾號頭圖，開始變成 「圖片是主載體，文字只是配合」 ，再到之后的短視頻。

用戶的注意力一直在被 更強的視覺形式 訓練。

純文字當然能傳達知識。但學習本身是一件 反人性的事情 。

你讓一個人面對一整屏黑色正文，他需要主動調動注意力，主動建立結構，主動判斷重點。

這對讀者要求太高了。如果我們能用更舒服的排版、更清晰的層級、更好的圖文組織，把 AI 新知識呈現出來，讀者讀起來會 輕松很多 。

公眾號尤其如此。

所以我們一直覺得， 排版也是內容的一部分 。于是跟小李一拍即可，把這個做了并且開源！

我們希望大家在吸收 AI 新知識的時候， 內容本身是清楚的，形式也是舒服的 。

讓人 愿意讀下去 ，這件事很重要。

02

PART

它解決什么問題？

PROBLEM · WORKFLOW

很多人一聽公眾號排版，第一反應是：找個模板不就行了？

其實不夠。

模板只能解決一次性的樣式問題，解決不了每天寫文章的 工作流問題 。

公眾號排版最麻煩的地方，不在于你不知道哪個顏色好看。

摸魚綠主題演示 GIF

而在于 每篇文章都要重新做一遍 這些細節：

章節標題怎么編號，開頭金句怎么做成引言卡

正文關鍵句怎么標下劃線

圖片和 GIF 怎么不亂

代碼塊、Prompt、命令行怎么保留格式

這些東西單獨看都不大。堆在一起，就是一篇文章 發布前最煩的那一個小時 。

gzh-design 做的事很直接，利用 AI 的能力：

你給它一篇 Markdown，它給你一份可以直接粘進微信公眾號編輯器的 HTML。

注意，不是普通網頁 HTML。

公眾號編輯器大家應該也都清楚，有非常多的坑… style 標簽不行， script 不行，外部字體這些東西也很容易被過濾。

很多 AI 生成的 HTML，在瀏覽器里看著很好。一粘進公眾號后臺， 直接散架 。

所以 gzh-design 的目標是：

生成公眾號能吃下去、粘進去不掉格式的正文片段。

所有樣式內聯。

— 示例文章排版，格式保持不變

你全選，復制，粘貼。

格式不掉。這才是它的 核心價值 。

03

PART

它現在長什么樣

THEMES · SIX PRESETS

目前 gzh-design 里有6 套精選主題。

其實最開始我堆了 20 套模板，結果都被小李否定了…（把 選擇權和自主性給到用戶 ）

因為排版這件事， 主題多不等于好用 。

真正重要的是： 每一套都能穩定覆蓋一類內容 。

— 六套主題，按需選擇

這 6 套，每一套背后都有自己的 組件庫、色值、標題骨架、正文標記方式 、引用塊、圖片樣式和文章類型配方。

AI 在按組件庫裝配。這點很重要。

gzh-design 先把 主題、組件、映射規則 寫清楚，再讓 Agent 按規則執行。

約束不是束縛。約束是輸出下限。

04

PART

真正的核心：Theme Generator

CORE · THEME GENERATOR

但說實話，gzh-design 最值得看的，不只是這 6 套主題。

真正的核心模塊，是Theme Generator。

簡單說，它解決的問題是：

每個人都能把自己的顏色、比例、審美偏好，生成一套專屬公眾號排版風格。

你可以給它一句話：

prompt

按「黑白雜志、克萊因藍點睛、襯線字體」的氣質，給公眾號排版生成一套新主題。

跑完之后，直接給生成一套新主題。

— 關鍵在于組件化

也可以給它一張參考圖：

prompt

按這張參考圖，做一套公眾號排版組件庫。

它會先抽取你的 視覺偏好 。

比如主色、背景色、正文色、強調色、裝飾色，字體傾向，圓角，陰影，信息密度，標題結構，卡片形式，分割方式。

然后生成一整頁 Block 區塊庫預覽 。

— 留白禪意風

你確認風格之后，再把它轉成標準主題庫，登記到 theme-index.md ，跑一遍 component_lint.py 。

從那以后，這套主題就和內置主題一樣，可以 反復調用 。

除了配色，關鍵是組件化。

一套主題不是一張封面圖。

它至少要包含封面、章節標題、小標題、正文段落、引用塊、提示卡、圖片、GIF、代碼塊、表格、FAQ、作者信息、結尾互動區。

它是在給一個賬號做 一套排版系統 。

— 紅白風格

這件事對個人創作者有用，對 企業內容團隊 更有用。

Theme Generator 的價值就在這里：

把「審美偏好」變成「主題變量」

把「設計經驗」變成「組件庫」

把「品牌規范」變成「Agent 可以執行的規則」

排版設計的組件化很重要！

比如，每段 關鍵詞下劃線 需要給到，代碼塊和命令行都做了自己的 組件兼容 。

圖片、GIF、視頻當然要支持。

但這里有一個現實限制要說清楚。

公眾號平臺對圖片有自己的機制，所以如果文章里要放真實圖片， 圖床問題還是要自己解決 。

gzh-design 不會憑空幫你生成一個可長期使用的公眾號圖床鏈接。

后續考慮做一層中轉，然后復制的時候自動上傳到公眾號后臺。

但它可以幫你先把 位置留好 。

比如你在原文里寫：

【插入：文章開頭視頻截圖】

它會把這里轉成一個 「待補素材」占位板塊 。

— 如圖所示，留出占位板塊

圖片、視頻、GIF、成果圖，都可以這樣 先留接口 。你后面拿到素材之后，再替換進去。

還有一點是從藏師傅的 Skills 中學來的思路，做 AI 工作流，最怕一件事： 看起來能跑，實際上不穩 。

你不知道它這次會不會漏。不知道復制到公眾號會不會掉格式。這種不確定會讓人 不敢把工作交給 AI 。

所以 gzh-design 里有 兩道關 。

第一道叫 源頭關 。

component_lint.py 掃組件庫，檢查有沒有平臺禁用寫法，有沒有容易導致代碼塊大空白的 white-space:pre ，有沒有笨重的正文虛線框。

第二道叫 產物關 。

validate_gzh_html.py 掃最終生成的 HTML，檢查禁用標簽、文字包裹、半角標點等問題。

組件庫干凈，產物再檢查一次。這套循環不復雜。但很有用。

它把「我覺得沒問題」，變成了 「腳本跑過沒問題」 。對 AI Agent 來說，這一步特別關鍵。

因為 模型負責理解內容，腳本負責執行紅線 。

能確定的事， 不要交給模型猜 。這個也是 Harness 里面的含義。

05

PART

Skill 即產品，可商業化

BUSINESS · SKILL AS PRODUCT

Skill 這種東西， 本質上是一個產品 。

既然是一個產品，就應該有一個系統。

— 項目目錄結構

它是一個可以 被維護、被擴展、被驗證 的小系統。

這也是我們愿意把它開源的原因。

一個排版 Prompt，開源價值有限。

一個 可維護的排版 Skill ，才有機會讓更多人一起改。

寫到這里，我想順便聊一個更大的話題： Skill 這東西，是可以商業化的。

早期，大家都知道 Prompt 可以商業化。我身邊就有朋友，一條幾百字的 Prompt，結合模型能力，解決某個非常具體的業務場景，能賣到幾萬塊錢。買方買的是：這個 Prompt 背后的 場景理解、經驗壓縮、試錯成本 ，以及它能不能真的解決問題。

現在 Skill 的商業化邏輯，其實是類似的。

只是 載體升級了 。

隨著不同 Agent 平臺、Agent 本身的能力、模型的執行能力都在提升，一個問題會變得越來越重要：

你能不能把自己的經驗封裝成 Skill，對外提供，并讓別人穩定復用？

這件事 大有可為 。

我也專門跟藏師傅聊過這件事。

一個共同判斷是：只要你的 Skill 足夠具體，而且真的能解決用戶的實際需求場景 ，就一定會有人愿意來合作。

即使 Skill 在 AI 發展過程中可能只是一個「中間態」，但現階段 各大廠商的動作也說明了它的價值 。

06

PART

這個 Skill 怎么用？

USAGE · HOW TO USE

最簡單的方式，是直接讓你的 Agent 安裝。

在設計這個 skill 的過程里面，也考慮了很多因素，最主要的就是 適配國內的 Agent，方便大家使用 。

README 里有一段「給 AI 的安裝 prompt」，復制粘貼給你的任意 AI Agent，它會 自動完成安裝 。

裝好之后，對它說下面這句就會觸發：

PROMPT 用摸魚綠把這篇文章進行公眾號排版：article.md

— 比如我在 workbuddy 中，直接用藏師傅文章為例

如果你給的是 Markdown，效果最穩，如果是其它格式，它也會先做 格式歸一化 ，再進入排版流程。

當然，我還是建議正式寫作時盡量用 Markdown。生成的這個頁面，右上角我也準備了 「一鍵復制」的按鈕 ，大家打開直接去公眾號后臺編輯即可。

操作路徑 GIF

結構清楚，AI 也更容易理解。

當然也有不少缺點，比如 非秒出 ，排版時間需要幾分鐘； 圖床問題需要自己解決 ，后續也會針對性優化。

LAST

結語

LAST · THE END

做完 gzh-design，我對排版這件事又確認了一遍。

好看不是玄學 。

疊加上小李的設計審美，它是 字體、顏色、層級、間距、標記、組件、規則和邊界 共同作用的結果。

以前這些東西在設計師和編輯的腦子里。

現在我把它拆成組件庫、主題索引、映射規則和校驗腳本，讓 AI 可以 一條條執行 。

它可以把一個人的經驗，壓成一個 可復用的小系統 。

如果你平時也寫公眾號、寫教程、寫產品評測、寫自媒體長文，可以把gzh-design裝起來試試。

isjiamu/gzh-design-skill

如果覺得有用，歡迎順手給個 star ??

也歡迎提 issue、提 PR，尤其是 新的主題風格和真實場景反饋 。

把常識寫成規則，把規則交給 Agent，人去做更值得做的判斷。

以上。

我是甲木，熱衷于分享一些 AI 干貨內容，同時也會分享 AI 在各行業的落地應用。

如果你覺得今天這篇有收獲，歡迎點贊、在看、轉發三連，我們下期再見

轉發

THANKS FOR READING