公众号排版模板工厂

解决的具体问题

• 微信公众号文章排版模板难以复用：每次发布需重新调整样式，缺乏标准化模板结构，导致重复劳动和风格不一致。
• 样式易被编辑器过滤：使用<div>、外部CSS或伪元素等特性时，常被微信编辑器移除或失效，需手动适配合规写法。
• 移动端适配成本高：需确保375px宽度下正文字号、列表缩进、表格显示等细节适配，避免内容溢出或排版混乱。

技能如何工作

• 交互式创作流程：支持两种模式——行业模板模式（7套预设行业模板，如科技、教育、金融等）或完全自定义模式（逐项配置10类排版要素）。
• 模板输出规范：生成保留{{占位符}}的HTML模板结构，供下游Article写作skill填充具体内容；所有样式内联，使用<section>作为排版容器，禁用<div>、<script>、CSS伪元素等。
• 关键步骤：

- 行业模板模式：选择行业编号后加载对应模板文件，保留所有占位符（如{{文章主标题}}、{{正文段落内容}}），输出结构骨架。
- 完全自定义模式：逐项配置正文字体、二级标题装饰、段落间隔、头部/底部样式等10类要素，支持微调字号、行高、配色方案，组装后写入outputs/wechat-template.html。

• 技术约束强制遵守：禁用position: fixed/sticky、<canvas>、表单元素；图片必须设置display:block; max-width:100%；表格使用<thead>替代<th>；全局容器需包含font-family、word-break:break-all和box-sizing:border-box。

适用边界与注意点

• 不负责内容填充：本技能仅生成排版骨架，具体内容需由下游写作skill填充占位符，适合需要标准化排版结构的场景。
• 严格遵循微信规范：输出前需通过自检清单，确保无禁用标签、样式合规，避免因技术细节导致排版失效。
• 移动端优先设计：正文字号默认17px，列表缩进≥32px，表格字号≥15px，确保在移动设备上的可读性。