开源工具评测：guizang-social-card-skill 让 AI 一键生成小红书和微信封面
开篇痛点
做内容的人都知道，写文章只是第一步，配图才是最磨人的：
- 小红书要 3:4 的封面 + 轮播图，一张一张排
- 微信公众号要 21:9 大封面加 1:1 小封面，两个还得视觉统一
- 用 Canva 套模板？千篇一律，一看就是模板货
- 找设计师？一张图等三天，改稿改到崩溃
guizang-social-card-skill 解决的就是这件事：把瑞士国际主义排版和杂志编辑风格写成一份 AI Skill，你在 Claude Code 里丢一篇文章进去，它自动按平台尺寸生成整套社交卡片。
项目基础
这不是一个 App，不是一个设计工具，而是一个装到 AI 编程助手里的 Skill。安装后你直接用自然语言说"帮我把这篇文章做成小红书轮播图"，它就会按规范输出 HTML，再截图成 PNG。
| 项 | 值 |
|---|---|
| 作者 | op7418 |
| 安装命令 | npx skills add op7418/guizang-social-card-skill |
| 目标平台 | 小红书 3:4 轮播、微信公众号封面对（21:9 + 1:1） |
| 视觉风格 | 杂志编辑风 / 瑞士国际主义，二选一 |
| 输出 | HTML + Playwright 截图 PNG |
| 特色功能 | Live Photo 实况照片卡片（小红书 5s / 微信 3s） |
| 支持客户端 | Claude Code、Codex、Cursor、Cline 等 |
核心理念：表达优先。不是把文字塞进海报，而是把原文转成一个清晰的视觉论点——每页只讲一个观点，用截图/照片做证据层。
为什么推荐它
1. 两套视觉体系，不是"AI 审美"
大多数 AI 生成的设计图都有一股"AI 味"——渐变背景、圆角卡片、emoji 图标。这个 Skill 直接写死了两套经过验证的排版系统：
杂志编辑风（Editorial Magazine × E-ink）：
- 衬线大标题 + 无衬线正文，纸色 + 墨色配色
- 纸面纹理、墨韵、WebGL 动态背景层
- 账本行、旁注、引用块、大图区——杂志专题页质感
- 6 套主题：墨韵经典、靛青瓷器、森林墨、牛皮纸、沙丘、暗夜墨
瑞士国际主义（Swiss International）：
- Inter/Helvetica 字体，大标题用极粗极轻的对比
- 严格左对齐网格，发丝线分隔，一个高饱和强调色
- 卡片矩阵、KPI 柱状塔、水平条形图、编号声明——工程感
- 4 套强调色：IKB 蓝、柠檬黄、柠檬绿、安全橙
2. 平台尺寸自动适配
不用自己算尺寸，它内置了平台规范：
| 平台 | 尺寸 | 输出 |
|---|---|---|
| 小红书封面 | 3:4 | 单张封面 + N 张内容轮播 |
| 小红书 Live Photo | 3:4 | 实况照片卡片（5s 视频嵌入） |
| 微信大封面 | 21:9 | 完整标题 + 副标题 + 视觉 |
| 微信小封面 | 1:1 | 短标题居中，无图 |
微信的两个封面对会放在同一个 HTML 里，方便你检查视觉关系是否统一。
3. 它知道什么该做什么不该做
这个 Skill 最聪明的地方是划清了能力边界：
- 旅行、职场、推荐类内容 → 从头到尾全包
- 游戏、影视、美食、彩妆、健身、家居、穿搭 → 文字和结构全包，图片需要你提供
- 美食摆盘大片、日常 OOTD、梦核氛围感、Y2K 辣妹风 → 直接说做不了，不硬凑
这种"老实人"设计反而让人信任——不会给你交一个四不像。
核心优势对比
| 维度 | Canva 模板 | 手动 PS | guizang-social-card |
|---|---|---|---|
| 出图速度 | 套模板快，但改不动 | 慢，一张 30 分钟起 | 丢文章进去，几分钟出整套 |
| 风格独特性 | 模板货，撞图率高 | 取决于设计水平 | 杂志/瑞士风，不撞模板 |
| 平台适配 | 手动选尺寸 | 手动建画布 | 自动按平台规范出图 |
| 文字处理 | 手动打字 | 手动排版 | 自动提取文章结构，每页一个观点 |
| 图片来源 | 图库找图 | 自己拍/找 | 三选一：自己传 / Pexels 找 / AI 生成 |
| Live Photo | 不支持 | 不支持 | 支持实况照片卡片 |
| 学习成本 | 低但天花板低 | 高 | 会说话就行 |
三个差异化亮点：
- 模板驱动但不套模板——它有种子模板，但每页布局从 16 种杂志版或 12 种瑞士版里选，不是每页一个样式
- 自带校验脚本——
validate-social-deck.mjs自动检查文字溢出、字号过小、密度不够、页脚碰撞 - 图片分层逻辑——正文截图是"证据层"，没有真实素材的海报看着就是 filler
手把手实操
环境要求
- Claude Code / Codex / Cursor 任一 AI 编程客户端
- Node.js（npx 安装用）
- Playwright（截图用，首次自动下载 Chromium）
第一步：安装
bash
npx skills add op7418/guizang-social-card-skill第二步：生成小红书轮播图
在 Claude Code 里输入：
帮我把下面这篇文章做成小红书轮播图，用杂志编辑风：
{粘贴你的文章或脚本}它会问你几个问题：
- 有没有自己的照片/截图？（推荐自己传，最不"AI 感"）
- 要几页？（一般 5-9 页）
- 有没有硬约束？（标题必须是什么字、必须放某张图等）
第三步：生成微信封面对
把上面这篇文章也做一个微信公众号封面对，21:9 + 1:1。它会自动从长标题里提取一个短标题给 1:1 小封面对。
第四步：Live Photo 卡片（可选）
如果你有录屏或短视频素材：
用这段视频做一张小红书 Live Photo 卡片。
{提供视频文件}输出一个 .pvt 包，AirDrop 到 iPhone 后从小红书 App 发布。
常用命令速查
| 操作 | 说法 |
|---|---|
| 小红书轮播 | "把这篇做成小红书 3:4 轮播" |
| 微信封面 | "做微信公众号封面对" |
| 瑞士风 | "用瑞士国际主义风格" |
| 杂志风 | "用杂志编辑风" |
| Live Photo | "做一张 Live Photo 卡片" |
| 换主题 | "换成牛皮纸主题" |
适用场景
- 技术博主发小红书——把技术博客改写成小红书轮播，配截图做证据
- 公众号配图——写完文章顺手出两个尺寸的封面
- 产品发布——截图密集的产品介绍帖，自动加设备边框和阴影
- 旅行/职场内容——结构类内容全程全包，图片自己传就行
客观优劣
优势：
- ✅ 两套排版系统审美在线，不是 AI 瞎画
- ✅ 平台尺寸内置，不用自己算
- ✅ 能力边界清晰，不硬凑做不了的事
- ✅ 种子模板 + 布局菜谱，不是从零写 HTML
- ✅ 自动校验脚本，减少文字溢出等低级错误
- ✅ Live Photo 支持是独家卖点
局限：
- ⚠️ 需要 AI 编程客户端，不是独立 App
- ⚠️ 最终输出是 HTML 截图，像素级调整不如 PS 精细
- ⚠️ 图片素材最好自己提供，不然还是有 AI 感
- ⚠️ 美食摆盘、穿搭 OOTD、氛围感照片类内容做不了
- ⚠️ 中文排版细节偶尔需要手动微调
结尾
如果你经常做小红书或公众号内容，这个 Skill 能帮你把配图时间从几小时压到几分钟。它不是替你做设计决策，而是把设计师的排版规范写进 AI 的脑子里。
bash
npx skills add op7418/guizang-social-card-skill