小红书图文+公众号封面,这个AI工具让你不会设计也能出专业卡片

发小红书不会设计？

guizang-social-card-skill 是一个 Claude Code / Codex skill，让你对 AI 说一句话，就能生成一套完整的小红书图文或公众号封面对。

双视觉系统

Editorial（电子杂志风）：像 Monocle / Kinfolk / Cereal 那样克制的版式，适合叙事、生活方式、旅行、阅读。

Swiss（瑞士国际主义）：网格、单一锚点色、直角发丝线、极致字号对比，适合产品测评、数据、方法论、AI 工具。

两套共用同一份 7 步工作流。

28 个版式 + 10 套预设色

3 个画板尺寸： - 小红书 3:4（1080×1440） - 公众号 21:9（2100×900） - 公众号 1:1（1080×1080）

Editorial 16 个版式（M01-M16）：Image-Led Cover、Pipeline、Before/After……

Swiss 12 个版式（S01-S12）：KPI Tower、H-Bar Chart、Matrix + Hero……

10 套主题预设：不允许自定义 hex，全部从预设里选。Editorial 6 套（墨水经典、靛蓝瓷、森林墨、牛皮纸、沙丘、午夜墨）+ Swiss 4 套（IKB 蓝、柠檬黄、柠檬绿、安全橙）。

一次生成小红书+公众号封面

同一个内容，一次生成两块： - .poster.wide 21:9 公众号头图 - .poster.square 1:1 公众号分享卡

视觉保持一致。

7 步工作流

2. 1. Intake
    — 抓平台/风格/内容/用户图
4. 2. Style & Theme
    — 选 Editorial 或 Swiss，再选主题色
6. 3. Layout Selection
    — 从 28 个版式里挑
8. 4. Asset Prep
    — 取图（用户图优先；无图时给 ABC 三选）
10. 5. Compose & Render
     — HTML → Playwright 渲染 PNG
12. 6. Deliver & Review
     — 先看图，确认后再跑 validator
14. 7. Iterate
     — 改反馈，重渲

技术方案

不是 AI 生图，是版式设计工具。

AI 生成单文件 HTML（带 CSS Grid、严格字号、主题色）→ Playwright 渲染 HTML → PNG。

为什么用 HTML？因为 CSS Grid + 严格字号/留白/网格的排版能力，远超 Markdown。Agent 能直接读写 HTML，改版式比改 Markdown 更精确。

30 秒开始

npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill 

装好后直接对 Agent 说：

帮我基于这篇文章做一套瑞士风小红书图文，5 张，IKB 蓝。

小红书图文 + 公众号封面，28 个版式 + 10 套预设色，不会设计也能出专业卡片。

GitHub：https://github.com/op7418/guizang-social-card-skill