/claude-design-card

How it fires

How this skill gets triggered: by you, by Claude, or both.

• Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
• You can call itInvoke it directly when you want it.
• Slash command/claude-design-card

Context preview

The summary Claude sees to decide when to auto-load this skill.

将任意文本、网页或 URL 生成符合 Claude/Anthropic 设计语言的 HTML 信息卡片，通过 Playwright 截图为 PNG。 支持 14 种格式：平台封面（公众号、视频号、B站、抖音）、图文内容卡（小红书、教程、对比分析）、 社交分享卡（金句、数据、方形）、长文编辑排版（Broadsheet、Feature、Reader、Digest）。 当用户提到「信息卡、卡片、封面、图文笔记、排版、截图、生成图、内容卡」时使用本技能。