公众号文章排版助手
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_c1ee5550/gzh-design-skill。
技能介绍
它解决什么问题
公众号编辑器对 HTML 样式有限制:很多 CSS 属性、外部资源、class/id 会被丢弃,导致复制粘贴后格式塌掉。这个技能把 Markdown、docx、PDF、纯文本或富文本 先归一化为文章结构,再生成适合公众号粘贴的 内联样式 HTML 片段,目标是让标题、引用、代码块、图片、强调标记在编辑器里尽量保持预期视觉层级。
技能如何工作
核心是一套 主题组件库 加 通用组件增量库。流程上,它会先读取文章并判断类型,再从主题索引中选择或推荐主题,随后读取该主题的组件文件和通用组件文件,按“文章类型 → 组件组合配方”装配 HTML。生成时会自动处理:
- 章节编号:按
##顺序生成 01、02、03 等编号 - 关键词下划线:在正文段落中挑出 1~3 个重点短语做标记
- 引言高亮、目录要点、署名占位:按文章结构生成开头卡、精选看点与尾部签名区
- 标点与代码块:正文使用全角标点,代码和 Prompt 使用等宽代码块,避免普通段落吞掉缩进
输出通常包括一个干净正文文件和一个带复制按钮的预览页。预览页只负责复制富文本,被复制的内容仍是符合公众号要求的 section 片段,避免粘贴时带入额外文档外壳。
适用边界与注意点
该技能适合需要稳定排版的公众号长文、教程、盘点、观点稿和案例复盘;不适合依赖复杂交互动画、外部字体、栅格布局或脚本渲染的页面。使用主题时应遵守平台红线:不要使用 class/id、position:fixed/absolute、float、@media、@keyframes、display:grid、CSS 变量或外部 CSS。所有关键样式需内联,文字节点也要用 span 包裹,否则粘贴后可能丢样式。图片不要一律 width:100%,小图应保留原尺寸并居中;图片说明只应在原始资料中有真实文字时生成。若文章已有作者签名或“点赞、在看、转发”段落,应合并到末尾唯一的签名区,避免重复 CTA。
使用场景
- 将 Markdown 技术教程转换为公众号可粘贴 HTML,保留代码块与章节编号。
- 把 PDF 或 docx 长文整理为 Markdown 草稿,再选择主题生成富文本预览页。
- 为工具盘点文章选择票据风主题,生成代码块、图片与关键词下划线排版。
- 根据参考图生成一套新主题组件库,登记后用于后续公众号文章排版。
适合人员
- 维护公众号技术号的编辑,需要把每周 Markdown 长文稳定排版成可粘贴富文本。
- 负责知识沉淀的产品经理,要把 docx/PDF 方法论文档转成公众号观点稿排版。
- 独立开发者,要把工具评测、代码片段和截图整理成带主题样式的公众号文章。
- 内容运营,需要按品牌气质生成自定义主题并复用排版组件。