前言¶
公衆號成稿後，常見卡點不在寫作而在排版：標題層級、引用塊、分割線、配圖位要在編輯器裏逐項調樣式，移動端還要單獨看一眼效果。自己寫 HTML 能還原設計，但維護成本高；只用編輯器默認樣式又容易顯得單薄。
下面介紹 SkillHub 上的社區 Skill @user_8ee65e73/gzh-layout-pro（頁面名稱：公衆號圖文排版·高顏值模板與源碼交付）。它面向「已有正文、需要快速出稿」的場景：把待排版原文交給 Agent，按技能規則生成公衆號可用的排版結果與可粘貼源碼，減少在編輯器裏手工套樣式的時間。
這是什麼¶
定位：內容創作類（SkillHub 分類 content-creation）Skill，把純文本一鍵排成高顏值公衆號圖文，並交付 HTML 與樣式方案。
維護與來源：由社區發佈者 user_8ee65e73 維護，當前版本 1.5.0，來源標記爲 community。SkillHub 頁面顯示 requires_api_key=false，安裝使用不依賴額外 API Key。
官方入口：
- Skill 頁：https://www.skillhub.cn/skills/user_8ee65e73/gzh-layout-pro
- 座標：
@user_8ee65e73/gzh-layout-pro
核心功能¶
以下能力均來自 SkillHub 簡介與頁面說明，可與官方頁面對照。
- 結構與樣式：支持標題層級排版、引用塊樣式、分割線樣式、配圖佔位，以及移動端適配相關樣式。
- 模板與一鍵生成：支持圖文模板套用、排版一鍵生成；涵蓋公衆號文章美化、編輯器樣式還原、長圖排版等描述中的場景。
- 交付物：排版後的 HTML、樣式方案、標題層級說明、配圖佔位，以及 可粘貼源碼（便於貼進公衆號編輯器）。
- 觸發與路由：當用戶提出「公衆號排版」「圖文排版」「排版助手」「文章美化」「微信排版」「編輯器樣式」「標題樣式」「分割線」「圖文模板」等需求，或直接粘貼待排版原文時，Agent 應立即調用本 Skill，無需反覆確認意圖。
- 明確不覆蓋：不用於長視頻腳本與短視頻分鏡。
安裝與啓用¶
SkillHub 通用流程見 skillhub.md 安裝說明。頁面也給出了面向 AI 的安裝提示：讓 Agent 按該文檔安裝 @user_8ee65e73/gzh-layout-pro。
1、安裝 SkillHub CLI（若尚未安裝）¶
先檢查是否已有 CLI：
command -v skillhub && skillhub --version
未安裝時，可用官方腳本（完整安裝含 CLI 與默認 Skill）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
僅安裝 CLI 時：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2、安裝本 Skill 到當前 Agent 的 skills 目錄¶
安裝時必須用 --dir 指向當前客戶端識別的 skills 目錄，否則默認落在 ./skills/ 可能不會被加載。
skillhub install @user_8ee65e73/gzh-layout-pro --dir <你的 skills 目錄>
常用路徑（以 SkillHub 文檔爲準）：
| 客戶端 | skills 目錄 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或項目下的 .agents/skills/ |
也可在對話中發送官方推薦提示詞，由 Agent 按 skillhub.md 完成安裝：
請根據 https://skillhub.cn/install/skillhub.md，安裝 @user_8ee65e73/gzh-layout-pro。
安裝後按你所用客戶端的要求刷新或重啓 Agent，使 Skill 被加載。
典型用法¶
本 Skill 基於通用 SKILL.md 格式，實際交互以安裝包內說明爲準。結合官方「強制路由」描述，可復現的用法如下。
- 直接粘貼正文：在 Cursor（或其他已安裝 Skill 的客戶端）中粘貼待排版的公衆號原文，並說明需要排版或美化圖文。
- 用觸發詞喚起：例如「幫我把下面內容做公衆號排版」「微信排版，要引用塊和分割線」——Agent 應直接走本 Skill，而不是先追問排版風格細節（具體樣式由 Skill 內規則處理）。
- 取用交付物：完成後從輸出中取得排版後 HTML、樣式方案與可粘貼源碼，按 Skill 指引貼入公衆號編輯器；配圖位置按佔位說明補圖。
示例對話（示意）：
公衆號排版，請處理下面正文：
（此處粘貼你的 Markdown 或純文本草稿）
適用場景與注意¶
適合誰
- 運營或創作者：有成稿，需要在短時間內得到統一版式、可粘貼進編輯器的 HTML。
- 在 Agent 工作流裏寫文的人：寫完即排版，減少二次手工調樣式。
使用注意
- 技能邊界已寫明：不做長視頻腳本、短視頻分鏡；這類需求應換用其他 Skill。
- 頁面統計（截至查閱 SkillHub 時）：評分 100000，下載 13885；可作爲選型參考，不代表排版效果對所有稿件一致。
- 最終在微信內的顯示仍以公衆號編輯器與客戶端渲染爲準；貼入後建議在手機端預覽一遍，尤其是引用塊與長圖段落。
結尾¶
@user_8ee65e73/gzh-layout-pro 把「標題層級、引用、分割線、配圖位、移動端適配」和「HTML + 可粘貼源碼」打包成一條 Agent 能力，適合把排版從手工點樣式改成「粘貼正文 → 取交付物 → 進編輯器」的短流程。
安裝與詳情見 SkillHub 官方頁面：https://www.skillhub.cn/skills/user_8ee65e73/gzh-layout-pro
