text-card

Installation
SKILL.md

文字卡片

当任务是制作文字卡片图片时,使用这个 skill。适合:

  • 公众号长文推送封面图
  • 小红书图文封面图(小绿书、公众号图文封面同样适用,尺寸一致)

默认优先基于现有模板或示例复制修改,不要从零生成。

工作流

  1. 确认封面平台:若用户未明确说明是制作「公众号封面」还是「小红书封面」,必须先反问用户选择,不得擅自假设。
  2. 收集卡片文案和基础样式信息。
  3. 根据场景选择合适的模板目录,阅读目录下的 USAGE.md 了解变量、文案约束和示例样式。
  4. 生成三种方案供选择:制作时,随机选取不同模板或为同一模板配上三套不同配色,生成三种方案,让用户挑选后再输出最终图片。若用户已明确指定模板和颜色,则跳过此步骤直接生成。
  5. 如果用户没有明确要求其他风格或结构,直接复用 references/ 下最贴近需求的示例 HTML,替换文案并做少量必要微调;只有示例明显不适合时才从零生成。
  6. 确保最终 HTML 中有明确的卡片容器,推荐使用 id="card"
  7. 调用底层 html-to-image-render skill 渲染图片,并检查输出结果。
  8. 如果用户没有指定风格,且首版是基于示例模板生成的,交付时主动问一句是否需要继续调整颜色、排版、字号、留白或装饰细节。
Related skills
Installs
20
GitHub Stars
12
First Seen
Mar 31, 2026