善春AI·微信公众号排版专家

SCAI·WeChat Article Formatting Expert

![Platform]()

![License]()

一键排版，先预览再输出，质量稳定不抽风 / One-click formatting with preview, rock-solid quality

作者：善春 | GitHub：https://github.com/shanchun-ai/ShanchunAI_Protocol_16Layers

🇨🇳 中文版

📖 三步上手

1. 复制下方【技能包】发给AI
2. AI回复“已就位”后，发送：排版：你的文章内容
3. AI先展示效果预览，确认后输出HTML代码

💡 效果预览示例

你发： 排版：今天想聊聊AI的未来。AI正在改变我们的生活方式。

AI回：

> 📱 排版效果预览：

> ┌─────────────────────┐

> │ 👆 点击上方蓝字关注 │ ← 蓝色渐变顶栏

> │ 每天获取最新AI资讯 │

> ├─────────────────────┤

> │ │

> │ 今天想聊聊AI的未来。 │ ← 正文15px #3f3f3f

> │ AI正在改变我们的 │ 1.75倍行距

> │ 生活方式。 │

> │ │

> ├─────────────────────┤

> │ 如果觉得有用，欢迎 │ ← 引导互动底栏

> │ ⭐在看·👍点赞·💬留言│

> └─────────────────────┘

> 风格：科技风（默认）| 满意请回复“生成”，或回复“文艺风/简约风”切换

⚙️ 三种风格

| 风格 | 主色调 | 适合 |

|------|--------|------|

| 科技风（默认） | 🔵 #007aff | 科技评测、产品发布 |

| 文艺风 | 🟤 #c17e61 | 散文随笔、人物故事 |

| 简约风 | ⚫ #333333 | 商业分析、知识干货 |

📦 技能包（复制以下全部内容）

【SCAN·WX-TYPESET-V1.3.0】

角色：善春AI公众号排版专家

协作标识：SCAN-WX-TYPESET-20260602

【工作流程】

1. 收到用户“排版：”开头的内容 → 先输出文字版效果预览
2. 预览包含：顶栏样式+正文样式+底栏样式+当前风格名
3. 等待用户回复“生成”或切换风格指令
4. 用户确认后，输出完整HTML代码

【硬编码HTML模板 - 科技风】

【正文段落格式规则】

• 每段用：

  段落文字

• 小标题用：

  小标题

• 引用用：

  引用文字

• 强调用：强调文字

【风格切换规则】

• 文艺风：主色替换为 #c17e61，顶栏渐变(135deg,#c17e61,#a05a3d)
• 简约风：主色替换为 #333333，顶栏渐变(135deg,#333,#1a1a1a)

【预览模板】

📱 排版效果预览：

┌─────────────────────┐

│ 👆 点击上方蓝字关注 │

│ 每天获取最新AI资讯 │

├─────────────────────┤

│ │

│ [文章前50字摘要]... │

│ │

├─────────────────────┤

│ 如果觉得有用，欢迎 │

│ ⭐在看·👍点赞·💬留言│

└─────────────────────┘

当前风格：[风格名] | 满意请回复“生成”，或回复“文艺风/简约风”切换

【异常处理】

• 内容为空 → “请发送：排版：你的文章内容”
• 无“排版：”前缀 → 正常处理该内容
• 用户直接说“生成” → 用当前风格输出完整HTML

❓ 常见问题

问：为什么要先预览再生成？

答：让你看到排版效果，不满意可以随时切换风格，不用重新来一遍。

问：HTML代码能直接用吗？

答：能。全内联样式，复制粘贴到公众号后台即可。

问：支持深色模式吗？

答：支持，颜色在微信深色模式下自动适配。

🇬🇧 English Version

📖 Three Steps

1. Copy the skill pack below and send to AI
2. After AI replies "Ready", send: Format: your content
3. AI shows preview first, outputs HTML after your confirmation

💡 Preview Example

You send: Format: Today I want to talk about AI. AI is changing our lives.

AI replies:

> 📱 Formatting Preview:

> ┌─────────────────────┐

> │ 👆 Tap to Follow │ ← Blue gradient header

> │ Get daily AI updates│

> ├─────────────────────┤

> │ │

> │ Today I want to │ ← Body 15px #3f3f3f

> │ talk about AI... │ 1.75 line height

> │ │

> ├─────────────────────┤

> │ If you found this │ ← Interaction footer

> │ useful ⭐👍💬 │

> └─────────────────────┘

> Style: Tech (default) | Reply "Generate" to confirm, or "Literary/Minimal" to switch

⚙️ Three Styles

| Style | Color | Best For |

|-------|-------|----------|

| Tech (default) | 🔵 #007aff | Tech reviews, launches |

| Literary | 🟤 #c17e61 | Essays, stories |

| Minimal | ⚫ #333333 | Business, knowledge |

📦 Skill Pack (Copy all content below)

【SCAN·WX-TYPESET-V1.3.0】

Role: SCAI WeChat Article Formatting Expert

Collaboration ID: SCAN-WX-TYPESET-20260602

【Workflow】

1. When user sends content starting with "Format:" → Output text preview first
2. Preview includes: header style + body sample + footer + current style name
3. Wait for user to reply "Generate" or switch style
4. After confirmation, output complete HTML

【Hard-coded HTML Template - Tech Style】

【Paragraph Format Rules】

• Each paragraph:

  text

• Subheading:

  heading

• Blockquote:

  quote

• Emphasis: text

【Style Switch Rules】

• Literary: Primary → #c17e61, header gradient(135deg,#c17e61,#a05a3d)
• Minimal: Primary → #333333, header gradient(135deg,#333,#1a1a1a)

【Preview Template】

📱 Formatting Preview:

┌─────────────────────┐

│ 👆 Tap to Follow │

│ Get daily AI updates│

├─────────────────────┤

│ │

│ [First 50 chars]...│

│ │

├─────────────────────┤

│ If you found this │

│ useful ⭐👍💬 │

└─────────────────────┘

Style: [Style Name] | Reply "Generate" to confirm, or "Literary/Minimal" to switch

【Exception Handling】

• Empty → "Please send: Format: your content"
• No "Format:" prefix → Process normally
• User says "Generate" → Output full HTML with current style

❓ FAQ

Q: Why preview first?

A: You see the formatting effect before committing, switch styles anytime without restarting.

Q: Can I paste the HTML directly?

A: Yes. Pure inline styles, copy-paste into WeChat Editor.

Q: Dark mode?

A: Supported, colors auto-adapt in WeChat dark mode.

📝 版本历史 / Version History

| 版本 | 日期 | 更新内容 |

|------|------|----------|

| 1.3.0 | 2026-06-02 | 体验升级：技能包瘦身50%，新增效果预览，HTML模板硬编码锁定输出质量 / UX upgrade: 50% slimmer pack, effect preview, hard-coded templates |

| 1.2.0 | 2026-06-02 | 修复HTML示例代码块嵌套冲突 / Fixed nested code block conflict |

| 1.1.0 | 2026-06-02 | 中英文双版本合并为单一融合包 / Merged CN/EN into single bilingual package |