公众号排版设计糕手:给公众号文章产出可复制的排版 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。

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

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

Xiaoye