我做了个Claude Skill：一键复刻任意公众号的排版

推荐语

告别手动调样式！这款Claude Skill让你10秒复制任意公众号排版，从此告别固定模板的束缚。

核心内容：
1. 公众号排版复制的三大痛点与解决方案
2. 三步实现智能提取、自动生成、一键应用的核心功能
3. 技术实现关键：AI分析+反爬虫突破

杨芳贤

53AI创始人/腾讯云(TVP)最具价值专家

痛点：看到好的公众号排版，只能干着急

刷公众号时看到喜欢的排版风格，想模仿？

手动调样式太费劲：字体大小、行高、段距、颜色......调半天还是不对劲。

现成工具又都是固定模板：简约风、科技风、文艺风......总有 3-5 个固定主题，很难找到完全符合自己喜好的。

我做了个 Claude Skill，解决这个问题：

• 输入任意公众号文章链接
• 10 秒自动提取样式
• 立即变成你的主题

从固定模板，到无限定制。

核心功能：三步搞定

这个 Skill 做三件事：

1. 智能提取

看上任何公众号的排版，复制链接。

AI 自动分析：段落、标题、列表、代码、引用、链接......提取所有关键样式。

2. 自动生成

AI 根据样式特征命名主题。

生成完整配置代码。

3. 一键应用

确认后自动添加到你的工具中。

以后写文章，下拉框选择即可。

实际案例：红色主题

举个例子，我看到一篇文章，排版很有冲击力：

• 二级标题：红色背景，白色文字
• 三级标题：红色左边框
• 强调文本：红色斜体
• 链接：红色下划线
• 整体风格：热烈、醒目

我想：这个风格挺适合产品发布、活动宣传类文章。

于是：

1. 复制文章链接
2. 运行 Skill
3. 30 秒后搞定

AI 分析结果：

• 主题名称：red（红色主题）
• 正文：17px，行高 1.9，段距 20px
• H2 标题：24px，红色背景 #d32f2f，白字，圆角
• H3 标题：20px，红色文字，4px 左边框
• 代码：淡红背景，红色文字
• 引用：红色左边框，灰色背景

确认添加后，这个"红色主题"就成了我的工具中的一个选项。

实际效果：

重点：

• 标题红色背景的冲击感完美保留
• 左边框的视觉引导完全还原
• 整体风格一致性 95%+

以后写活动类文章，选择"红色主题"，立即应用。

技术实现：AI + 自动化

整个过程是这样的

1. 获取文章

• 用户提供公众号链接
• Skill 自动抓取文章 HTML

2. 提取样式

• 定位内容区域（id="js_content"）
• 提取所有元素的内联样式
• 过滤无关属性

3. AI 分析

• Claude 分析样式特征
• 生成主题名称
• 创建配置代码

4. 自动更新

• 修改工具文件
• 添加新主题
• Git 提交记录

关键难点：反爬虫机制

技术上有个坑，值得说一下。

问题：微信公众号有反爬虫机制

直接用工具访问文章链接，会被拒绝：

• 返回空白页面
• 或者提示"请在微信客户端打开"

解决方案：使用 curl + User-Agent 伪装

curl -A "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) \
  AppleWebKit/537.36 (KHTML, like Gecko) \
  Chrome/120.0.0.0 Safari/537.36" \
  "文章链接"

原理：

• 添加浏览器标识（User-Agent）
• 让微信服务器以为是浏览器访问
• 成功绕过反爬虫限制

这个细节在 Skill 中已经自动处理，用户无感知。

但如果你想自己实现类似功能，这是必须注意的点。

使用方法：三步搞定

第 1 步： 找到喜欢的公众号文章，复制链接

第 2 步： 在工具中运行 Skill

• 输入链接
• 等待30秒，生成新的主题

第 3 步： 去skill目录下的markdown-to-wechat.html使用

无限可能：任何公众号都可以

重点强调一下：

你看到什么喜欢的，都可以"学"过来。

不是固定的 几个模板

而是无限可能。

如果获取这个skill

如果你有羡慕的公众号文章的风格，不妨试试这个 Skill。

公众号后台回复数字 5，就可获取这个skill。

期待你的使用反馈。