公众号内容生产系统

> 方法论驱动的微信公众号内容生成与排版系统。加载后直接给需求，自动产出可一键粘贴进公众号编辑器的内联 HTML。

目录

1. 核心执行流程（三模式）
2. 内容方法论
3. 视觉系统调度
4. 插图调度
5. 动态元素
6. HTML 生成规范
7. 生成前确认清单
8. 输出格式

优先级链（任何内容都严格遵循，禁止为视觉牺牲内容）：

第一性原理审视 > 对抗性审查 > 内容价值 > 信息结构 > 阅读体验 > 视觉表达 > HTML 实现

触发条件：撰写公众号文章 / 素材转图文 / 公众号风格改写与排版 / 内容结构化重组与优化。

文件结构：

> 本文件承载决策规则与流程；references / assets 提供具体实现数据（配色落地对照表、结构组件 HTML、SVG 动效模板）。

一、核心执行流程（三模式）

系统按主题自动选模式，禁止手动指定。

深度模式（7 步）： 识别主题 → 第一性原理审视（完整 3 层）→ 匹配结构 → 内容生成（含阅读体验控制，内部执行不输出）→ 插图调度 → 对抗性审查（完整 3 项）→ 选视觉系统 + 读取 references/visual-design.md 取配色+结构组件 HTML + 排版变体（1-2 处关键段落改布局）+ 动态元素 + 生成 HTML + 输出确认块 + HTML。

标准模式（6 步）： 识别主题 → 第一性原理审视（快速 1 层）→ 匹配结构 → 内容生成 → 插图调度 → 对抗性审查（快速 1 项）+ 选视觉系统 + 读取 references/visual-design.md 取配色+结构组件 HTML + 排版变体（可选，≤1 处）+ 动态元素 + 生成 HTML + 输出确认块 + HTML。

快速模式（5 步）： 识别主题 → 匹配结构 → 内容生成（含阅读体验控制）→ 插图调度（仅当涉及概念/方法/流程时）→ 选视觉系统 + 读取 references/visual-design.md 取配色+结构组件 HTML + 生成 HTML + 输出确认块 + HTML。

模式切换铁律：
- 深度模式禁止降级为快速模式。
- 快速模式若自然出现核心观点论证，自动升级为标准模式。
- 标准模式若涉及行业趋势判断，自动升级为深度模式。

二、内容方法论

2.1 第一性原理审视（First Principles）

• 完整版（深度模式，内部执行不输出）： ① 剥离类比，找最底层不可再分事实 → ② 对每个关键判断连续追问 3 层「为什么」→ ③ 从底层事实重构论证路径。结论自然渗透正文，禁止作为独立段落堆砌。
• 快速版（标准模式）： 仅 1 层追问——这个主题最底层的、不可再分的基本事实是什么？据此构建论证。

2.2 对抗性审查（Adversarial Review）

• 完整版（深度模式，内部执行不输出）： ① 观点反驳（构造最强反驳，成立则修正或加限定）② 论据压力测试（极端情况是否成立）③ 逻辑链审查（「因 A→果 B」有无跳跃）。痕迹以让步句式/边界声明融入正文。
• 快速版（标准模式）： 仅挑 1 个最核心观点做反驳测试，成立则修正。

2.3 文章结构选择（8 种，全文统一，禁止混用）

结构选择决策树（自动选型优先级）：
1. 趋势 / 行业 / 宏观判断 → 深度分析型
2. 人物 / 事件叙事为主 → 故事叙事型
3. 解释概念 / 机制 → 科普解释型
4. 输出态度 / 立场 → 观点评论型
5. 生活方式 / 人文审美 → 审美表达型
6. 数据 / 调研成果 → 咨询报告型
7. 实用解决指引 → 问题解决型
8. 某对象具体实践 → 案例拆解型

> 多特征并存时选最匹配核心目标的单一结构，全文统一，禁止混用。详细写作指引见 references/article-structures.md。

2.4 参考文章风格学习（仿写）

未提供参考文章时，自动匹配专业表达，不需确认。提供参考文章时，按 80% 风格吸收 + 20% 反常识描述写法 生成：

• 否定常见认知：当众人同向描述，主动提相反视角。
• 打破因果关系：拆开看似必然的因果。
• 去形容词化：用具体行为/感官细节替代形容词。
• 微观感官锚点：强制插入 1-2 处感官细节（触觉/嗅觉/听觉/味觉/温度）。

以上 4 条在仿写时至少用 2 条，自然融入而非堆砌。

2.5 阅读体验控制

• 节奏：开头吸引 → 中段价值 → 后段提升 → 结尾收束，形成「吸引→理解→认同→思考→收束」路径。
• 信息密度：每个重要章节至少含「案例/数据/方法/对比/结论」之一；禁止连续空泛观点。
• 内容块（Block）：概念解释 / 数据分析 / 方法步骤 / 场景叙事 / 观点表达 / 总结结论，每块承担明确认知功能。

阅读节奏铁律（核心）：
- 认知负荷缓冲：连续 ≥3 个高密度 Block（数据/概念/多步骤/核心分析）后，下一个高密度 Block 前必须插视觉缓冲节点。
- 缓冲节点优先级：小标题 > 数据卡 > 引用 > 插图 > 金句 > 分割模块；同篇轮换使用，禁止连续 3 次同类型。
- 视觉锚点：移动端每屏（约 500-800 字）至少 1 个锚点（小标题/插图/数据卡/金句/分割模块）；禁止连续 2 屏无锚点。
- 节奏变化：禁止单一节奏连续 >3 块；慢节奏块后必须接快/中节奏块。
- 极短文（<800 字）：至少 1 个缓冲节点 + 2 个锚点（开头+中间）。

2.6 活人感约束（排雷策略，全模式适用）

以"禁止 AI 腔"替代"强制口语化"——排掉套路后自然更像活人，但不粗俗。

1. 具象锚点密度（所有模式）
全文每 150 字至少嵌入 1 个具名实体——具体地名/日期/品牌/人名/数字/专有名词。禁止用"某城市""某品牌""某人说"等模糊代称。

2. 段末不总结（所有模式）
每段最后一句若与前句语义重复（信息增益为零），直接删除。禁止出现"总而言之""综上所述""由此可见"等段末总结句式。

3. 句式节奏变异（标准/深度模式）
全文长短句交替。禁止全篇均为 18-22 字等长句连续排列、无节奏变化。

4. 非视觉感官锚点（深度模式）
全文至少嵌入 2 处视觉之外的感官细节：触觉（冷/黏/粗糙）、嗅觉（气味）、听觉（声音）、味觉、温度感。必须具体——"很冷"不合格，"冷到指甲盖发疼"合格。

5. 去 AI 腔（标准/深度模式）
禁止以下 AI 典型套话模式：
- 万能开头："随着…的发展""在当今社会""众所周知"等
- 万能结尾："让我们一起""总而言之""以上就是"等
- 空泛排比：连续 3 句结构完全相同的排比
- 零细节段落：全段无任何具名实体
- 回避立场："在某种程度上""可以认为""具有一定的"等绕圈表述
- 反衬结构滥用：全文出现 ≥2 次「不是……而是……」/「不是 X，是 Y」/「不在于……而在于……」结构

2.7 时效性与真实性约束（所有模式）

时效性：
1. 生成前置：获取系统当前日期，确定「当前年份」作为数据基准线。
2. 优先当年数据：所有数据引用、案例、统计数字，优先搜索并使用当年最新信息。当年无可用数据时降级使用上一年，且必须批注「数据截至 20XX 年」。
3. 历史数据显式标签：引用时间跨度 >1 年的数据，必须以「（20XX 年数据）」或「据 XX 报告（20XX）」格式显式标注年份。禁止模糊提及——"近年""近期""最近数据显示"一律不合格。
4. 禁止跨度 >2 年且未标注的旧数据。

真实性：
5. 禁止无源数据：不得出现"据调查显示""有数据显示""研究表明"后紧跟数字但无具体来源（机构名+年份）。
6. 量化信息可追溯：任何百分比、排名、数量级、金额等数字，必须附带可追溯线索：机构名称+年份。个人经验或估算型数据必须标注"据笔者不完全统计""行业估算"。

三、视觉系统调度

从 8 种中自动选 1 种，全文仅允许使用 1 个视觉系统。

可选：新中式留白风｜咨询报告风｜科技数字风｜温暖叙事风｜轻潮传播风｜杂志编辑风｜学术研究风｜产品说明风

3.1 配色落地（信息依赖——必须读取 reference 获取完整数据）

选定视觉系统后，打开 references/visual-design.md，定位到当前系统的章节，从「视觉系统配色落地规范」对照表中提取该系统的颜色值。核心洞察模块、金句模块、图像建议区块、分割线均须用对应配色。

配色速查（内联核心数据，完整对照表在 references/visual-design.md）：

> ⚠️ 禁止在所有视觉系统中使用 #fafafa 作模块底色，禁止使用 #cccccc 作通用边框色。
> ⚠️ 深色系统（轻潮传播风 / 杂志编辑风）：深色模块必须同时声明 background-color 与 color；禁止整篇加底色（公众号会清洗全页底色）。科技数字风例外：允许用 <div style="background-color: #0A0E27; padding: 20px 16px;"> 包裹整篇设置固定深空蓝底（不使用 margin:0 auto），所有文字显式声明 color；其他深色系统仍走模块级深底路径。
> ⚠️ 精确颜色值以 references/visual-design.md 为准，本表仅作速查。

3.2 结构组件（信息依赖——必须读取 reference 获取 HTML 实现）

生成 HTML 时必须使用当前视觉系统至少 2 个结构组件（快速模式至少 1 个）。结构组件是视觉系统差异化核心——有时间线节点、网格卡片、发光边框、对话气泡、粗边框态度卡、装饰引号、复古双框、步骤流程等空间化结构，禁止只用纯文字段落 + 简单底色框完成排版。

结构组件调度流程：
1. 打开 references/visual-design.md，定位当前视觉系统章节。
2. 在该章节「结构组件」中浏览全部组件（每系统 3-5 个），挑至少 2 个（快速模式 1 个）适配当前内容的。
3. 从 reference 中提取完整 HTML 实现代码。
4. 在输出确认块中记录所选组件名称及来源章节。

各系统结构组件清单（完整 HTML 实现见 references/visual-design.md）：

> 🚨 铁律： 结构组件 HTML 必须从 references/visual-design.md 当前系统章节获取完整实现。assets/html-templates.md 仅含基础片段（段落/标题/分割线/金句/图像建议），不含结构组件，禁止仅取它后直接输出。

3.3 对比度铁律

所有有色模块（底色 + 文字）必须确保足够对比度：

• 深色底色（如 #000000 / #0A0E27 / #162D4D）→ 文字必须为 #ffffff 或高明度点缀色（如 #FF7A59 #F5C542 #00F0FF），禁止用 #cccccc #999999 #666666 等中性灰作主文字色。
• 浅色底色（如 #f5f5f5 #fafafa #f8f8f8）→ 文字必须为深色（#000000/#1a1a1a/#333333），禁止用 #999999 以上浅色文字。
• 胶囊标签组：黑底 #000000 + 点缀色文字符合对比度要求；若点缀色偏暗（深蓝/深紫），必须调高明度。
• 高明度点缀色铁律：亮度 >65% 的颜色（如 #F5C542 #00F0FF #FF007F 等）仅允许用在深色模块内部。浅色/白色背景上的正文、标签、装饰线、图注——禁止使用高明度点缀色。

⚠️ 科技数字风例外：该系统整篇即深底（#0A0E27），其霓虹色（#00F0FF / #FF007F）可全页自由使用，不受上式限制。

3.4 通用文章骨架与三层锚点体系

> 借鉴成熟排版引擎的「固定骨架 + 分层强调」机制，作为跨视觉系统的通用纪律——各系统在骨架上可做风格变体，但底层节奏向统一标准看齐，避免每篇骨架临场随意。

3.4.1 通用文章骨架（结构顺序，各系统可换皮但顺序不变）

[开场] 引言卡（金句光晕 / 态度卡 / 居中金句，依系统气质）
   ↓
[前言] 开场白段落（可选，建立语境）
   ↓
[导读] 本文看点（精选 3 个核心看点卡片，≥3 章节时生成）
   ↓
[正文] 编号章节 01 / 02 / 03…（每章：章节标题 → 正文 → 结构组件 → 缓冲节点）
   ↓
[结语] 编号 ∞ + 英文 THE END / EPILOGUE（末章变体）
   ↓
[收尾] END 分割线（默认无署名，署名按需）

骨架铁律：
- 引言卡在最前；导读区在前言之后、第一章之前；章节之间用系统分割方式分隔。
- 一篇只有一个 END；尾部默认不添加作者署名/签名区（用户明确要求时才加，且用 {{作者名}} 占位，不写死人名）。
- 原文末尾已有「点赞在看转发」类段落 → 直接保留原文，不额外生成签名区。
- 各系统变体示例：轻潮风把「导读卡」换成「态度卡组」；新中式把「END 线」换成「印章/留白」；杂志编辑风把「编号 01」换成「英文刊号」。

3.4.2 三层锚点体系（重点突出机制，所有系统通用）

避免「该强调就加粗」的粗暴逻辑，采用分级强调：

标记层主题化规则（不下划线死用红色，按系统气质）：
- 轻潮传播风：珊瑚橙 #FF7A59 下划线 / 明黄 #F5C542 浅底标签
- 新中式留白风：朱砂红 #C03A2B 细下划线 / 赭石 #8b7355 底标签（主强调为朱砂红，赭石退为二线标记）
- 科技数字风：霓虹青 #00F0FF 下划线（仅深底）/ 深底胶囊
- 温暖叙事风：#C03A2B 朱砂红下划线 / #F5F0E4 暖卡片底标签
- 其余系统：取该系统「强调/主色」做下划线或浅底，保持气质一致

章节自动编号：按 ## 出现顺序分配 01/02/03…；末章若为结语类用 ∞ 变体，中间章节不得跳号或用 ∞。可据中文章节标题生成英文标签（TEST/TUTORIAL/SUMMARY/THOUGHTS…），在章节标题槽位使用。

> 尾部署名说明：骨架默认在 END 后不添加任何作者署名/签名区。仅当用户明确要求时才在尾部加署名，且使用 {{作者名}} 占位（不写死人名），无真实署名时整块省略。

3.5 排版变体与视觉系统参数

排版变体数量：深度模式 ≤2 处，标准模式 ≤1 处，快速模式 0 处。变体类型与当前视觉系统匹配（见 references/visual-design.md 第七部分）。

视觉系统参数速查：

四、插图调度

核心原则：
- 插图数量由内容复杂度决定，不由固定字数决定。
- 优先触发：概念、模型、框架、方法、流程。
- 可触发：数据对比、场景转换、案例展示。
- 通常不触发：纯观点表达、短结论。
- 插图应优先承担解释职责，禁止作为纯装饰。

图像建议格式（6 字段，嵌入正文）： 主体 / 场景 / 构图 / 风格 / 用途 / 比例

信息图建议格式（5 字段，嵌入正文）： 类型 / 内容 / 关键节点 / 风格 / 比例

> 图像建议/信息图建议的 HTML 区块格式（底色+边框色）从 assets/html-templates.md 取用，颜色填入当前视觉系统的对应值。

位置规则

图像建议/信息图建议必须放在正文中对应内容位置附近，禁止全部堆积在文末：
- 多章节文章（多个案例/地点/步骤）→ 每个图像建议放在其所服务章节内部。
- 线性单篇 → 图像建议作为「视觉缓冲节点」穿插在内容流中间。
- 图像建议区本身承担缓冲功能，遵循 §2.5 阅读节奏铁律。

五、动态元素

路由指令

SVG 微动模板去 references/dynamic-elements.md 获取：
- 通用模板（分割线呼吸等 5 个）→ §三 · SVG 模板
- 系统专属动效（墨点晕染等 8 个）+ 进阶动效（全息扫描边框等 5 个）→ §三-B · 系统专属动效模板

本文件仅保留选择规则和系统专属动效对照表。具体 SVG 代码全部在 reference 中，本文件不内联。

核心约束

• 全文动态元素 ≤3 处（轻潮传播风/科技数字风可放宽至 ≤5 处）
• GIF 优先：复杂动画（流程演示/数据跳动/手绘）→ 生成 GIF 制作建议
• SVG 为辅：简单装饰微动 → 从 references/dynamic-elements.md 取对应模板，颜色按当前系统点缀色替换
• 必须降级：SVG 在部分公众号环境不支持 SMIL 动画，必须确保动画失效时静态效果依然完整
• SVG 规则：必须 xmlns；用 <animate>/<animateTransform>；禁止 CSS animation；禁止 JS；禁止外链；尺寸 ≤375px

系统专属动效（每篇必须嵌入 ≥1 处）

> 可用进阶动效替换专属动效（进阶模板见 references/dynamic-elements.md），替换后仍满足 ≥1 处要求。具体 SVG 代码全部在 reference 中，本文件不内联。

六、HTML 生成规范

详细规范见 references/wechat-html.md。

核心要求：
- 禁止 Markdown 代码块、<style> 标签、JavaScript、外链 CSS。
- 所有样式必须内联（inline style）。
- 移动端为核心（基准宽度 375px），采用公众号安全 HTML 结构。
- 复制后可直接粘贴进公众号编辑器。

模板取用原则（禁止从零手写所有内联样式）：
1. 基础片段：从 assets/html-templates.md 取段落、标题、分割线、金句、图像建议等通用模板。
2. 结构组件（必选）：从 references/visual-design.md 当前系统的「结构组件」章节取完整 HTML 实现。
3. 动态元素：从 references/dynamic-elements.md 取 SVG 模板。

合规校验（强制，生成后必跑）：
拼接完 HTML 后，保存为 .html 文件并运行校验脚本，ERROR 清零才算完成：

<SKILL_ROOT>/scripts/validate_gzh_html.py <生成的.html 的实际路径>

脚本确定性检查：禁用标签/属性（<style>/<script>/class/id/grid/fixed 等）、全页底色风险、正文半角标点/英文引号混用。ERROR 必须修复；WARNING（半角标点）同样建议清零——这是实际最高频的返工点。校验通过后再输出 HTML 给用户。

七、生成前确认清单

拼接 HTML 前逐项确认。以下为引导性清单（提醒而非阻断）——逐项过一遍后再输出，降低遗漏概率。

所有模式

• [ ] 骨架：已按 §3.4.1 通用文章骨架组织（引言卡→前言→导读→编号章节→∞结语→END），各系统仅换皮不改顺序
• [ ] 锚点层：全文最强强调 ≤5 处，无「到处加粗」；标记层每段已主动标 1-3 个关键短语（主题化下划线/浅底）
• [ ] 尾部署名：默认省略；仅用户明确要求时加 {{作者名}} 占位，无残留图片占位符
• [ ] 配色：分割线、图像建议底色/边框、金句模块底色的颜色值已从 references/visual-design.md 配色对照表获取（非凭记忆猜测）
• [ ] 结构组件：已从 references/visual-design.md 当前系统章节获取完整 HTML（非自创）
• [ ] 对比度：深底配亮字/点缀色，浅底配深字，高明度点缀色仅用于深色模块
• [ ] 动态元素：已嵌入 ≥1 处系统专属动效，SVG 已含降级，数量不超限
• [ ] 活人感：全文具名实体密度达标，段末无冗余总结
• [ ] 时效性：数据/案例优先当年，历史引用已标注年份
• [ ] 真实性：无"据调查显示"等无源断语，数字附带可追溯线索

深度模式加检

• [ ] 第一性原理 3 层追问已执行
• [ ] 对抗性审查 3 项已执行
• [ ] 非视觉感官锚点 ≥2 处，且具体描述

标准模式加检

• [ ] 第一性原理快速追问已执行
• [ ] 核心观点反驳测试已执行
• [ ] 句式节奏变异（长短交替）、去 AI 腔（禁万能开头/结尾/空泛排比/零细节段落/回避立场/反衬结构滥用）

排版变体

• [ ] 变 体数量符合模式预算（深度 ≤2，标准 ≤1，快速 0）
• [ ] 变体类型匹配当前视觉系统
• [ ] 深色系统下变体段同步切换为浅色文字

合规校验（交付前必做）

• [ ] 已运行 scripts/validate_gzh_html.py，ERROR 清零
• [ ] WARNING（半角标点/英文引号）已修复或人工确认

八、输出格式

最终输出按以下两阶段顺序，不输出过程信息：

阶段 1：执行确认（必输出，放 HTML 之前）

▎视觉系统：[系统名称]
▎文章结构：[结构类型]
▎结构组件：[组件 1] + [组件 2]（来源：references/visual-design.md [系统名]章节）
▎系统动效：[动效名称]
▎配色方案：[主色] / [底色] / [文字色]
▎模式：[深度/标准/快速]，确认清单已过

阶段 2：完整 HTML

放在 Markdown 围栏代码块中（```html ... ```），内含已嵌入的图像建议/信息图建议区块。

使用方式： 选中代码块内全部内容 → 复制（Ctrl+C）→ 粘贴到公众号编辑器。

关键约束：
- 代码块内只放纯 HTML，不放 === 复制起点/终点 === 等标记。
- 除执行确认 + HTML 外，禁止输出分析/推理/决策/执行过程说明。
- 执行确认块是输出的一部分——它让选型可见，避免图文不符。