小红书图文卡片神器:这套Skill解决了我做内容最头疼的问题
“为什么 AI 做的图文卡片总有一股’AI 味’?因为它做的是网页,不是杂志。”
一、被忽略了一百年的设计智慧
做图文内容的人,最怕什么?
不是没内容,是有内容,做出来的图——丑。
更准确地说,是”正确但无聊”:排版整齐、配色不踩雷、字体大小也对,但就是没有让人停下来的欲望。
问题出在哪?
绝大多数 AI 生成图文的工具,是用”网页思维”做的:内容往模板里填,版式由框架定,颜色从色板里选。但图文卡片完全不是网页——它是杂志、海报、信息流里的1秒钟对决。
你只有1秒钟,让一个陌生人在滑动中停下来。
这件事,杂志和海报研究了100年。它们靠的不是”模板”,是经过验证的版式骨架、字号层级、留白呼吸感,以及图片和文字之间的权力关系。
guizang-social-card-skill(以下简称”归藏卡片”)就是在做这件事——把杂志排版100年的积累,压缩进一套 AI Agent 可执行的 Skill 里。
二、它解决什么问题
做小红书图文,AI 能帮上忙,但有四个长期痛点:
痛点1:文字压图是最难的事 把文字压在图片上,稍不小心就变成”文字糊在图上,看不清图也看不清字”。大多数工具的做法是加一层半透明遮罩——效果敷衍,而且暴露 AI 感。
痛点2:图片从哪来 要么让你自己上传,要么用 emoji 顶替,要么 AI 生图——而 AI 生图现在普遍有水印,水印会被平台打标记,标记了就限流。
痛点3:版式没有灵魂 大多数图文卡片工具的版式,是”看起来没问题”的版式,不是”让人想停下来看”的版式。区别在哪里?在于留白、呼吸感、字号对比、和图片的主次关系。
痛点4:多平台尺寸要分别做 小红书 3:4,公众号头图 21:9,公众号分享卡 1:1——做一套内容要调三套版式,工作量翻三倍。
归藏卡片把这四个痛点逐一拆掉。
三、两套视觉系统:叙事用Editorial,结构用Swiss
这是归藏卡片最核心的设计思想——不是一套模板打天下,而是两套视觉系统,各司其职。
电子杂志风(Editorial)
来自 Monocle / Kinfolk / Cereal 的排版传统:
大留白,衬线大标题
版式不对称,文字有呼吸感
图片压全屏,标题叠在图上
适合:旅行、阅读、生活方式、个人叙事
瑞士国际主义(Swiss)
来自 Massimo Vignelli 和 Helmut Schmid 的设计一脉:
强网格,无衬线,几何感
用色克制但精准
极致字号对比
适合:产品测评、数据、教程、AI 工具、方法论
两套系统共用同一套工作流:选风格 → 选主题色 → 选版式骨架 → 取图 → 渲染。AI 的任务从”设计”降级为”填充”——成品稳定性立刻上来。
四、28个版式骨架
这是归藏卡片的核心资产。
Editorial 16个版式:
M01 Image-Led Cover(全屏主图)
M02-M16:Pipeline、Before/After、Duotone、Quote Spread……
Swiss 12个版式:
S01 Hero + Stats
S09 KPI Tower
S10 H-Bar Chart
S12 Matrix + Hero……
每个版式骨架都是经过真实版面校验的 CSS Grid 模板。AI 填充内容时,调用的不是”提示词”,是一个被验证过的骨架——这直接绕过了 AI 在自由版式设计上仍然平庸的问题。
五、图片从哪里来:优先级逻辑
归藏卡片有一套明确的图片获取优先级,不走一步算一步,而是提前定好顺序:
① 用户图优先 你有好照片,直接用。Skill 会自动识别人脸区域,文字落点主动避让主体。
② 无图时的备选源 按这个顺序取:Unsplash → Pexels → Flickr CC → Wallhaven → 直接搜索
取到的图落本地,同时写 SOURCES.md 记录来源——这不只是版权合规,也是平台运营的基本素养。
③ AI 生图:克制地用
这是归藏卡片最有态度的设计决策之一:
“只有前面所有找图渠道都拿不到合适素材时,Skill 才会调用 AI 生图。”
而且生图时会强制带上风格约束词,避免”一眼 AI 插画”的平庸视觉。
作者的原话是:”我宁可它少用 AI,也不想它把 AI 用成那个让所有图文卡片长得都像姐妹的元凶。”
这个克制非常重要——现在各大平台已经开始对 AI 生成内容限流,AI 生图普遍带水印标识。归藏卡片的策略让内容天然规避这个问题。
六、10套主题预设:不允许自定义Hex
这是另一个有趣的设计决定: Skill 内置了 10 套预设主题色,不允许自定义 Hex。
Editorial 6套:
- 墨水经典、靛蓝瓷、森林墨、牛皮纸、沙丘、Midnight Ink 暗色
Swiss 4套锚点色:
IKB Klein Blue(克莱因蓝)
柠檬黄
柠檬绿
Safety Orange(安全橙)
为什么不允许自定义颜色?
因为 AI 在”自由配色”上的审美,和网上最常见的配色高度重合——就是那些被用烂了的紫蓝渐变、青色暗色霓虹。内置预设把 AI 能自由发挥的空间收窄,让它在被验证过的色板里做选择,输出自然稳定。
七、三种尺寸,一套内容一次搞定
| 尺寸 | 比例 | 用途 |
|---|---|---|
| .poster.xhs | 1080×1440(3:4) | 小红书图文 |
| .poster.wide | 2100×900(21:9) | 公众号头图 |
| .poster.square | 1080×1080(1:1) | 公众号分享卡 |
同一份内容,一次渲染三块,视觉一致,直接发。
八、内置校验:不是靠猜,是 Playwright 跑真实渲染
归藏卡片自带 validate-social-deck.mjs,基于 Playwright 跑真实 DOM 测量,不是正则匹配猜结果。
检测项:
文字溢出
字号上限超限
4横带密度超标
footer 碰撞
6条规则,量化可测。AI 渲染完先给用户看,用户说”帮我跑 validator”,才触发检查——不自动跑,减少无谓干扰。
九、为什么它值得被认真对待
作者在项目文档里说了一段话,我读完很有共鸣:
“Skill 生态最大的问题,是绝大多数 Skill 满足于’我能做一个’,很少有人在追求’把这件事做到极致’。一个 Skill 应该是能站起来的小产品。Prompt 十分钟会被同行复制走,产品不会。”
归藏卡片的作者,给这个 Skill 打了版本号(v0.5 / v0.9 / v0.10 / v0.12),每一版都有 CHANGELOG,说明了为什么 v0.10 是一次失败的尝试,以及 v0.12 怎么把它修回来。
这种文档化的诚意,在 AI 圈子里很少见。
这让我重新理解了 Skill 这个形态:它不是一段高级提示词,它是一个被认真对待的产品。判断一个 Skill 好不好,看它有没有被它的作者偏爱过。
十、适合谁用
✅ 适合:
小红书图文组图(旅行/生活方式/读书/产品测评)
公众号封面对(21:9 + 1:1 一次渲染)
教程拆页 / 数据回顾 / 游戏攻略
视频号封面 / 文章配图
❌ 不适合:
横向翻页 PPT(用归藏 PPT Skill)
长视频生成
无版式诉求的纯文字编辑
按能力圈分三档,主动说清边界——这是它成熟的地方。
十一、安装和使用
# 安装 npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill # 或者发给 Claude Code / Cursor 帮我安装 guizang-social-card-skill。请把 https://github.com/op7418/guizang-social-card-skill 克隆到 ~/.claude/skills/guizang-social-card-skill # 触发词 帮我基于这篇文章做一套瑞士风小红书图文,5张,IKB蓝 帮我做一套小红书3:4,标题用电子杂志风 我有3张露营照片,帮我做一套全图风格的小红书图文
GitHub https://github.com/op7418/guizang-social-card-skill[1]
你用这个 Skill 做内容最头疼的问题是什么?我可以帮你想解决方案。