公众号AI排版引擎

要解决的问题

把一篇 Markdown 文章搬进公众号编辑器，通常意味着选主题、调字号、改配色、处理引用块和代码块，还要反复担心粘贴后样式全丢。公众号后台对 HTML 的支持非常克制：<section> 是事实上的唯一块级容器，<div>、<h1>-<h6>、<table> 会被直接过滤；所有 CSS 必须内联，position、float、grid、@media、CSS 变量一律不生效。人工在后台编辑器里反复试错，成本高且不可复用。

它是怎么工作的

这个 skill 把排版拆成一条带强制步骤的流水线：

• Phase 0 内容分析：先判定文章类型（教程/观点/数据/访谈等）、感知情绪调性、识别结构特征（代码块、数据密度、金句密度），后续所有设计决策都基于这份分析。
• Phase 1 排版方式：三选一——6 套预设主题（极简蓝、暖纸墨、暗夜青、森语绿、绯红编、墨金雅）、按用户描述自定义，或完全原创一套视觉方案。
• Phase 2 前置阅读：强制依次读完 4 个规范文件，读完才能动手生成。
• Phase 3 生成 HTML：遵守标签白名单（仅 <section> <p> <span> <strong> <em> <br> <img> 共 7 个），正文 14px、行高 1.85，每个元素必带 box-sizing:border-box; max-width:100%!important;，所有中文文字节点必须用 <span> 包裹——这是粘贴后不丢样式的关键。
• Phase 4 校验与交付：跑 validate_gzh_html.py，对标签、class/id 属性、禁用样式、<span> 包裹率逐项检查，ERROR 清零才交付，然后生成自包含的 output-preview.html 供预览。

主题不是模板填充：即使选同一主题，也应针对当前文章做不同的视觉演绎。

推送与边界

推送走微信公众号 API，只入草稿箱、不自动群发。需要在项目根目录配置 .env（WECHAT_APPID + WECHAT_APPSECRET），并把服务器公网 IP 加入公众号后台的 IP 白名单。凭证缺失或推送失败时自动降级为手动复制，不阻塞交付。

注意几点：产出的 HTML 只针对公众号编辑器，换平台未必适用；<span> 包裹中文是平台铁律，漏掉会导致粘贴后样式大面积丢失；对已生成的 HTML 做小改动（≤3 处样式调整）走增量编辑，涉及整体结构则重新生成。