做自媒体的朋友应该都有体会：封面图、笔记图、分享卡，每次都要打开 Canva 或者 Figma 重新排版，调字体颜色、对齐元素、导出……半小时过去了。而且每张图风格还不统一，今天用的字体明天就找不到了。
claude-design-card 想解决的就是这件事。它是一个 Claude Code 的设计卡片生成技能（Skill），你只需要说「帮我把这段话做成小红书图文笔记」，它就自动完成排版、配色、截图，输出一张可以直接用的 PNG 图片。
项目上线一个多月，GitHub 上 379 星。虽然不是那种几万星的爆款，但思路很有意思——它不是又一个拖拽式设计工具，而是一套「AI 原生」的设计系统。
它是什么
一个 Claude Code 技能，能把任意文本、网页或 URL 直接转成设计卡片。覆盖 14 种格式，包括公众号首图、小红书笔记、B站封面、抖音竖版、金句分享卡、长文排版等等。
用法：在 Claude Code 里安装后，直接说一句「帮我把这篇文章做成小红书图文笔记卡片」，它就自动分析内容、选择格式、生成 HTML、截图输出。
技术栈：TypeScript + Bun + Playwright（Chromium 截图引擎）
协议：MIT 开源
GitHub：geekjourneyx/claude-design-card
14 种格式
按使用场景分成四组：
A 族 — 平台封面：公众号首图 (900×383)、视频号竖封面 (1080×1440)、B站/YouTube 横封面 (1280×720)、抖音全屏竖版 (1080×1920)
B 族 — 图文内容卡：小红书图文笔记 (1080×1440)、步骤教程卡、对比分析卡
C 族 — 社交分享卡：金句分享卡 (1080×1080)、数据大字卡、方形通用卡
D 族 — 长文编辑排版：The Broadsheet（三栏报纸风）、The Feature（杂志深度）、The Reader（文学期刊）、The Digest（分析报告）
每种格式的尺寸、设计重点、美学模式都有明确的定义，不是随便套模板。
为什么它对中文创作者友好
一套设计标准走到底。 所有卡片共用同一套 Claude/Anthropic 设计 Token：Parchment 暖色底色（#f5f4ed）、Georgia 衬线字体、Terracotta 陶土色强调（#c96442）。不管生成公众号封面还是小红书笔记，视觉风格是一致的。不用每次重新想配色。
长文本排版能力强。 D 族的四种格式（The Broadsheet / The Feature / The Reader / The Digest）专门为中文长文设计。带 Drop Cap 首字下沉、Marginalia 边注、数据列——这些在 Canva 里手动排要老命了。
格式覆盖了中国主流平台。 公众号、小红书、B站、抖音、视频号。一个技能全部覆盖。不像很多海外设计工具，压根没考虑过 900×383 的公众号封面规格。
自然语言触发。 不用学任何设计软件的操作。用中文描述你要什么格式，它自动完成。
怎么安装
前提是已经有 Claude Code 环境（或者支持 Skills 的任何 Agent）。安装一行命令：
npx skills add https://github.com/geekjourneyx/claude-design-card
也可以用本地开发的方式：bun install && bunx playwright install chromium
然后使用截图脚本：
bun scripts/screenshot.ts /tmp/card.html /tmp/cover.png 900 383
省略尺寸参数会自动匹配格式定义。如果需要长文排版，加 --full-page 参数输出自动高度。
槽点
必须装 Playwright + Chromium。 截图引擎依赖 Chromium，安装包不小。对于只是偶尔做图的人来说，为了一个技能装几百 MB 的浏览器有点重。
只能在支持 Skills 的 Agent 里用。 目前主要是 Claude Code，Hermes Agent 也兼容。你不能单独下载一个 App 来用。
格式灵活度有限。 14 种格式覆盖了很多场景，但如果你想要一个完全不在这 14 种里的自定义尺寸，需要手动写 HTML 模板。
379 星，项目还年轻。 功能好用，但社区贡献和第三方模板还不够多。
一句话总结
如果你用 Claude Code，又经常需要做社交媒体配图，claude-design-card 是目前最省事的方案——说句话就出图，风格统一，不用开浏览器。
GitHub：geekjourneyx/claude-design-card