公衆號排版設計糕手:給公衆號文章產出可複製的排版 HTML

前言

給公衆號文章排版,常見做法是打開秀米或微信編輯器,手動調字號、間距、分割線和裝飾,改一處樣式要同步改全文。另一種做法是讓 AI 直接生成 HTML,但多數通用模型只輸出普通網頁結構,沒有公衆號需要的內聯樣式和視覺層次,粘進編輯器後經常變形。下面介紹的 Skill「公衆號排版設計糕手」就是用來填這個空的:它把排版這件事交給 Agent,直接產出預覽 HTML、可複製源碼和效果長圖。

這是什麼

「公衆號排版設計糕手」是一個面向微信公衆號文章排版的 Skill,座標 @user_aa86f100/pea-layout,版本 1.0.0,由社區發佈者 user_aa86f100 維護,分類爲 design-media,來源標註爲 community。它的定位是微信公衆號文章排版設計師:當用戶需要爲文章做公衆號排版、生成微信編輯器或秀米可用的 HTML 排版代碼、設計文章視覺風格、繪製內聯 SVG 裝飾、做內容感知的排版美化時使用。官方簡介給出的能力是:給公衆號文章做專業設計排版美化,輸出預覽 HTML + 可複製源碼 + 效果長圖。SkillHub 頁面顯示評分 100000、下載 1752、安裝 0。

核心功能

根據官方簡介,這個 Skill 覆蓋的能力包括:

  1. 公衆號文章排版美化:按文章內容做差異化排版,覆蓋散文、美食、科技、時尚、歷史文化、治癒、國風等全品類文章。
  2. 生成可用的 HTML 排版代碼:輸出可直接複製到微信編輯器或秀米的 HTML,而不是普通網頁代碼。
  3. 文章視覺風格設計:爲文章建立統一的視覺風格,包括配色、字號層級和留白節奏。
  4. 內聯 SVG 裝飾:繪製內聯 SVG 作爲裝飾元素,隨 HTML 一起使用,不依賴外部圖片資源。
  5. 三件交付物:預覽 HTML、可複製源碼、效果長圖,便於先預覽再複製。

官方給出的觸發詞包括:排版、公衆號排版、微信排版、文章美化、秀米格式、推文排版、文章視覺設計。

安裝與啓用

已抓取的 SkillHub 資料中沒有給出具體安裝命令。Skill 座標爲 @user_aa86f100/pea-layout,標籤 requires_api_key=false,說明使用不需要額外配置 API Key。

需要安裝時,請到官方地址 https://api.skillhub.cn/user_aa86f100/pea-layout 或 SkillHub 頁面 https://www.skillhub.cn/skills/user_aa86f100/pea-layout 查看該 Skill 的安裝說明,再按你使用的客戶端操作。資料未提及 Cursor、Codex CLI、Claude Code 之間的安裝差異,這裏不做推測。

啓用方式是把它裝進支持通用 SKILL.md 格式的 Agent 環境,然後在對話中觸發。觸發方式可以直接說出官方觸發詞,例如「幫我做公衆號排版」「按秀米格式美化這篇文章」。

典型用法

下面是一個基於官方觸發詞的用法示例,不是官方案例:

  1. 把待排版的文章內容發給 Agent。
  2. 說明需求並帶上觸發詞,例如「用公衆號排版做美化,輸出秀米可用的 HTML」。
  3. 等 Agent 返回預覽 HTML、可複製源碼和效果長圖。
  4. 複製源碼,粘貼到微信編輯器或秀米中繼續微調。

如果文章品類明確,可以補充風格要求,例如「這是一篇國風散文,走國風排版」,讓 Agent 按內容感知的方式做差異化處理,這也是官方簡介中強調的覆蓋範圍。

適用場景與注意

適合的場景:文章已經寫好,需要快速產出一套公衆號排版;需要在微信編輯器或秀米中繼續編輯;希望裝飾元素是內聯 SVG,不依賴外部圖片。

需要注意的地方:

  1. 該 Skill 來自社區(community),發佈者是 user_aa86f100,使用前建議先覈對產出內容是否符合你的發佈標準。
  2. SkillHub 頁面顯示安裝數爲 0,說明目前公開使用量很少,遇到問題基本要靠自己排查。
  3. 產出是 HTML 排版代碼,最終呈現仍取決於微信編輯器或秀米的渲染結果,粘貼後需要實際預覽一遍。
  4. 資料未提供安裝命令和客戶端差異說明,安裝前以官方頁面爲準。

結尾

這個 Skill 的價值在於把公衆號排版從手動調樣式變成一次生成:拿到預覽 HTML、可複製源碼和效果長圖,再進編輯器微調。它覆蓋的品類比較寬,從散文到國風都有對應的排版方向。官方地址:https://api.skillhub.cn/user_aa86f100/pea-layout。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜