card-design · 社媒卡片设计系统

社媒卡片视觉设计系统 skill:提供配色、中文字体层级、满画幅布局、品类骨架与死空白/密度质检,解决模板化 PPT 与廉价 AI 感问题。
这不是生成器而是设计规范:9 种命名风格(瑞士极简、杂志编辑、新中式墨韵等)先选风格再锁定 spec,渲染后跑 card_audit.py 硬门禁,全 PASS 才交付。
调用示例:在聊天框中说"用瑞士极简风格做一张知识类金句卡"。
产品详解
定位
card-design 是一套卡片视觉的设计系统 + 硬规则,而非生成器:替所有"HTML/CSS → 截图"的卡片/海报 skill 钉死设计决定。核心信念是高级感来自克制、层级、网格与填满,而非装饰堆砌。
核心能力
- 9 种命名风格库:瑞士极简 / 杂志编辑 / 新中式墨韵 / 奶油温柔 / 多巴胺 Y2K / 高奢黑金 / 手账贴纸 / 极客终端 / 植物清新;每种含字体(family + 字重)、配色 hex、版式性格、装饰与适用说明。风格选择是第一步,用户未指定时推荐 3–4 个候选。
- 风格 spec 锁定:选中风格后整套卡片全程只用这一套字体与配色,不自由发挥、不换色。
- 中文字体层级:字越大越细(大标题用 Thin/Light 字重,小字才用粗体);手机端正文不小于 28px。
- 品类骨架:封面 / 账本 / 管线 / 对比 / 矩阵 / 数据 / 金句,每种有最小密度线,按最小密度线填内容。
- 填满法则:内容覆盖 ≥75% 画高;无理由空白带 >15% 画高即失败;内容少就扩内容/换省高骨架/换 1:1 画幅,绝不用装饰填空。
- 去 AI 味硬规则:禁 emoji 当图标(用线性图标或纯排版)、禁蓝紫科技渐变、禁渐变字、禁玻璃拟态、禁"居中一切";正文永远不用纯黑。
- 渲染后自检:
card_audit.py audit硬门禁,任何 FAIL(死空白/跨度不足/头重脚轻)按欠填修正阶梯补内容或换骨架重渲,全 PASS 才交付。
工作流程
- 让用户选风格(3–4 个候选推荐;急着要就用推荐的第一个并说明)
- 锁定该风格的字体 + 配色 spec
- 定字体层级
- 选卡型骨架,按最小密度线填内容
- 渲染后跑 card_audit.py 自检;FAIL → 补内容或换骨架重渲,全 PASS 交付
输入与输出
| 输入 | 说明 |
|---|---|
| 内容主题 | 必填,卡片要表达的内容 |
| 风格选择 | 选填,未指定时从 9 种风格里推荐候选 |
输出:锁定 spec 的卡片视觉方案(字体/配色/骨架/密度要求),供 card-* / poster-hero 等渲染 skill 在写 HTML 前执行;或直接产出经自检的卡片。
与相邻 skill 的区别
- card-quote / card-xiaohongshu / poster-hero 等:最终渲染器(HTML/CSS → 截图),在写第一行 HTML 之前先读本系统作为设计规范。
- ai-image-gen:纯 AI 生成图片;本系统是确定性排版设计,不生成画面,胜在排版精准。
适用场景
- 社媒卡片/封面/海报的视觉规范制定
- 统一账号视觉风格(锁色、锁字体、锁骨架)
- 评审与修复"AI 味重""填不满"的卡片
使用前准备
- 无需 API key。
- 有 Profile 时读品牌配色/风格倾向,但高级感底线优先:若 Profile 没给明确视觉规范,按本系统选立场 + 锁色,不退回"柔和渐变"这类模糊描述。
- 风格选择是第一步:卡片美不美,第一取决于选对风格。
card-design 隶属于 Aiglade Skill 库。在 Aiglade 聊天框中用自然语言描述需求即可调用。