Wechat Layout

全能型微信公众号 AI 排版工具。将任意文本/Markdown 转换为公众号编辑器可直接粘贴的内联样式 HTML。三维组合:8 套配色主题(清新绿/科技蓝/商务黑金/活力橙/优雅紫/中国红/少女粉/极简黑白)× 10 种设计风格(柔和卡片/新粗野主义/蒸汽波/瑞士国际主义/国风雅致/复古终端/孟菲斯/杂志编辑/渐变玻璃感/官网落地页)× 6 种文章类型预设,24+ 组件。

8 stars 1 forksAI, LLMs & Agents

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add wp-x/wechat-layout --skill wechat-layout
Manual install
git clone --depth 1 https://github.com/wp-x/wechat-layout.git /tmp/wechat-layout
mkdir -p ~/.claude/skills
cp -r /tmp/wechat-layout/. ~/.claude/skills/wechat-layout

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# 微信公众号全能排版

将用户提供的任何文档内容,转换为统一、美观、可直接粘贴进公众号编辑器的 HTML。

## 工作流程

排版由三个正交维度组合而成:**主题**(配色,`themes.md`)× **风格**(形态语言,`styles.md`)× **预设**(文章结构,`presets.md`)。

1. **读取内容**:接收用户的文本/Markdown/文件。
2. **选主题与风格**:
   - 用户指定了 → 直接使用。
   - 未指定 → 根据内容气质推荐(见下方两张表),并用一句话告知所选组合,不要停下来等确认。风格默认"柔和卡片风"。
3. **选文章类型预设**(决定组件搭配倾向,见 `references/presets.md`)。
4. **读取 `references/components.md` 拿到组件模板**,将 `{{令牌}}` 替换为 `references/themes.md` 所选色板值;若风格非默认,再按 `references/styles.md` 的全局覆盖规则修改形态,签名组件直接替换对应基础组件。
5. **按"内容映射规则"逐段转换**,输出完整 HTML。
6. **自检**:对照"硬性约束"检查,确认原文无删减。

## 主题推荐

| 内容气质 | 主题 |
|---|---|
| 健康、生活方式、环保、成长干货 | 清新绿 |
| AI、科技、互联网、数码测评 | 科技蓝 |
| 商业分析、财经、行业报告 | 商务黑金 |
| 美食、旅行、活动预告、促销 | 活力橙 |
| 心理、文艺、女性成长、知识付费 | 优雅紫 |
| 节日、国潮、正能量、大事件 | 中国红 |
| 情感、美妆、母婴、小红书风 | 少女粉 |
| 深度长文、人物特稿、极简审美 | 极简黑白 |

## 风格推荐

| 内容气质 | 风格 |
|---|---|
| 通用、稳妥不出错 | 柔和卡片风(默认) |
| 潮流文化、设计圈、犀利观点 | 新粗野主义 |
| 音乐、亚文化、复古创意 | 蒸汽波 |
| 深度长文、设计评论、理性克制 | 瑞士国际主义 |
| 传统文化、节气节日、诗文茶酒 | 国风雅致 |
| 程序员、AI 技术、极客测评 | 复古终端 |
| 亲子、活动、轻松俏皮 | 孟菲斯 |
| 人物特稿、生活方式、品牌软文 | 杂志编辑风 |
| AI 产品、SaaS、科技发布稿 | 渐变玻璃感 |
| 产品发布、工具评测、年度盘点、大厂官网感 | 官网落地页(色带分区范式) |

用户拿参考文章/截图要求"做成这种风格"时,按 `references/style-lab.md` 的五层解剖流程解析并生成新风格,禁止照搬像素值。

蒸汽波、国风雅致、复古终端、孟菲斯自带专属色板,选中后忽略主题维度;组合禁忌见 `styles.md` 末尾的组合建议表。

## 内容映射规则

| 原文特征 | 使用组件 |
|---|---|
| 文章开头第一段 | 首字下沉段落(若已用导语卡,则首段为普通段落,二者不同用) |
| 开篇导语/摘要 | 导语卡 |
| 大章节切换 | 编号分隔符(01、02…)**或**一级标题区块,全篇二选一:章节无标题文字用编号分隔符,有标题文字用一级标题区块,**两者禁止相邻连用** |
| 一级标题 | 一级标题区块(自动补英文副标题,如 `WHY IT MATTERS`) |
| 二级标题 | 二级标题(左竖线) |
| 三级标题 | 三级标题(▍加粗行) |
Read the full skill on GitHub

Details

Skill name
wechat-layout
Repo updated
9 July 2026

FAQ

What does the Wechat Layout skill do?

全能型微信公众号 AI 排版工具。将任意文本/Markdown 转换为公众号编辑器可直接粘贴的内联样式 HTML。三维组合:8 套配色主题(清新绿/科技蓝/商务黑金/活力橙/优雅紫/中国红/少女粉/极简黑白)× 10 种设计风格(柔和卡片/新粗野主义/蒸汽波/瑞士国际主义/国风雅致/复古终端/孟菲斯/杂志编辑/渐变玻璃感/官网落地页)× 6 种文章类型预设,24+ 组件。

How do I install the Wechat Layout skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add wp-x/wechat-layout --skill wechat-layout. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Wechat Layout popular?

It lives in wp-x/wechat-layout, which has 8 GitHub stars and 1 forks.

Related skills

Skill Scout

7

Brain-ai-biz/skill-scout

Discover the best Claude Code extensions on the web AND tell the user how safe each one is before installing. Reads the user's Claude Code setup (project context, memory, history), asks a few questions to understand their goal (general or a specific idea), then surfaces a ranked shortlist - name, what it does, what outputs it gives, a 0-100 trust score, a one-line why/why-not, and a link. On a chosen extension it runs a deep static safety scan and returns a final risk verdict (always caveated), then installs it on approval (SHA-pinned). Covers Skills, MCP servers, plugins, and slash commands.

AI, LLMs & Agents

Vietnamizer

8

fioenix/vietnamizer

Viết tiếng Việt từ ý được giao hoặc biên tập văn bản có sẵn: tách ý, chọn cách triển khai theo thể loại và giọng, rồi đối chiếu nghĩa. Dùng cho bài viết, bản nháp AI, bản dịch còn gượng và yêu cầu sửa câu chữ; giữ nội dung, mặc định giữ giọng khi biên tập và theo mẫu khi được yêu cầu rõ.

AI, LLMs & Agents

Charming

7

tambo-labs/charming-mcp

Create, update, inspect, or troubleshoot Charming-hosted interactive web apps via the Charming MCP server, or connect an AI client (Claude, Cursor, Codex, Gemini CLI, ChatGPT) to Charming.

AI, LLMs & Agents

Txtskills Llms to Agent Skills

9

hk-vk/txtskills

Convert docs base URLs, llms.txt, or llms-full.txt into installable Agent Skills with txtskills CLI. Use when a user asks to generate, publish, and optionally install a new skill from documentation.

AI, LLMs & Agents

Global Think Tank Analyst

7

vassiliylakhonin/global-think-tank-analyst

Strategic-risk analysis skill for AI agents producing decision-ready memos on geopolitics, sanctions, trade, regulation, and strategic risk with explicit evidence boundaries, uncertainty, scenarios, actor incentives, trade-offs, and watch-next indicators. Use for a country risk brief, policy memo, sanctions or export-control exposure assessment, trade or regulatory implications memo, geopolitical scenario brief, strategic implications note for leadership, stakeholder and incentives analysis, a red-team challenge to an existing policy or risk view, or a decision briefing pack for founders, oper

AI, LLMs & Agents

Tdm Daos Agent

9

ToDealMarket/tdm-daos-agent

Handle the current public TDM DaOS payment contract and recovery guidance. Use when a TDM service returns HTTP 402 from POST /authorize, when the user needs help with Session Gas Tank behavior, or when the user should be guided toward tdm connect, tdm fuel, tdm sweep, or tdm cashout.

AI, LLMs & Agents

Browse the most popular Claude skills, all ai, llms & agents skills, or write your own with the skills generator.