一段话自动变设计师卡片！14种格式全包，Claude这波太能打了

做内容创作，最费时的不是写文案——是做完之后还要一张张做配图。公众号封面、小红书图文、B站缩略图、抖音海报……每种尺寸都要单独设计，设计师排期要等，自己用 Canva 套模板又总觉得差点意思。

今天挖到一个让我眼前一亮的 Skill：claude-design-card。它做的事情很简单——你给一段文字，它直接给你吐出一张符合 Anthropic 设计语言的高质量卡片图。14 种格式，一套审美标准，零设计门槛。

它能做什么？

输入一段话或一个 URL，输出是一张像素精准的 PNG 图片。整个流程走的是 Claude Design System 的审美规范：Parchment 暖色基底 + Georgia 衬线字体 + Terracotta 赭红色强调色，出来的图自带高级感。

支持的 14 种格式覆盖了中文内容创作者最常用的场景：

• 公众号首图 900×383 px
• 小红书图文笔记 1080×1440 px
• 视频号竖封面 1080×1440 px
• B站/YouTube 横封面 1280×720 px
• 抖音全屏竖版 1080×1920 px
• 步骤教程卡、对比分析卡、金句分享卡、数据大字卡……

每种格式都有自己专属的版式逻辑——比如公众号封面是”左标题右证据”的横向速读布局，小红书图文是 Editorial Artifact 风格，B站缩略图强调关键词清晰可见。不是简单缩放，是真的会根据平台特性重新排版。

怎么用？

安装只要一行命令：

npx skills add https://github.com/geekjourneyx/claude-design-card

依赖需要 Bun 运行时 + Playwright（用于截图渲染）。装好之后，把你想转换的内容写进一个 HTML 文件，执行截图脚本即可：

bun scripts/screenshot.ts /tmp/card.html /tmp/output.png 900 383

不用在意 HTML 写得好不好——这个 Skill 的核心就是把那堆文本自动渲染成一张”看起来像专业设计师做的”卡片。

适合谁用？

独立创作者、自媒体运营、AI 内容工作者。如果你经常需要为不同平台批量生产配图，这个 Skill 能省掉你每次找模板、调字体、对齐元素的重复劳动。466 颗 GitHub 星、274 次安装，数据说话。

尤其推荐搭配 Claude Code 一起用——让 AI 帮你写内容，再让它调这个 Skill 直接出图，整条流水线自动跑完。

GitHub 链接：geekjourneyx/claude-design-card

GitHub: https://github.com/geekjourneyx/claude-design-card