卡片新闻生成器 v2 - 自动模式(Card News Generator v2)

入门 Starter 工具型 Tool claude-code
6 min read · 303 lines

创建精美的 600x600 社交媒体卡片新闻系列,支持背景图片

卡片新闻生成器 v2 - 自动模式(Card News Generator v2)

创建精美的 600x600 社交媒体卡片新闻系列,支持背景图片。用户提供主题、颜色和可选背景图片,Claude 自动生成内容并创建多张卡片。

使用场景

当用户提出以下请求时使用此技能:

  • "帮我做卡片新闻"
  • "用某个主题做卡片系列"
  • "生成 Instagram 卡片"
  • 任何需要视觉卡片内容的请求

核心工作流程 - 自动模式

用户请求卡片新闻时的主要工作流程:

第一步:获取主题、颜色和可选背景图片

向用户询问:

  • 主题:卡片系列的内容主题
  • 背景 RGB(背景色):如 245,243,238(可选,默认:米色)
  • 背景图片(可选):包含图片的文件夹路径

对话示例(纯色背景):

Claude:您想用什么主题制作卡片新闻?
User:关于Z世代的特征

Claude:请选择背景色(RGB格式,如:245,243,238)
推荐色系:
- 米色:245,243,238
- 粉色:255,229,229
- 薄荷绿:224,244,241
User:245,243,238

对话示例(使用背景图片):

Claude:您想用什么主题制作卡片新闻?
User:5个旅行小贴士

Claude:是否使用背景图片?(如需使用请输入图片文件夹路径)
User:/path/to/travel-images

Claude:请选择叠加层不透明度(0.0-1.0,默认0.5)
数值越高越暗,文字越清晰。
User:0.6

第二步:生成卡片内容

围绕主题创建 5-7 张卡片。输出格式如下:

1. [标题]
[描述 2-3 行]

2. [标题]
[描述 2-3 行]

3. [标题]
[描述 2-3 行]

关键内容准则:

  • 标题:最多 20 个字符(含空格)
  • 内容:最多 60 个字符(含空格)
  • 保持简洁以适应 600x600 画布
  • 使用简洁有力的语言
  • 每张卡片传达一个核心观点

第三步:自动生成卡片

选项 A:纯色背景

使用以下命令创建所有纯色背景卡片:

python auto_generator.py \
  --topic "Z世代的特征" \
  --bg-color "#f5f3ee" \
  --text-color "#1a1a1a" \
  --output-dir /mnt/user-data/outputs \
  --base-filename "zgen" << 'EOF'
1. 数字原住民
从出生起就
熟悉数字环境

2. 重视个性化
注重独特的个性
和个人品味

3. 沟通方式
比起文字更偏好视频
用表情包表达情感
EOF

选项 B:背景图片(v2 新功能)

使用以下命令创建带背景图片的卡片:

python auto_generator.py \
  --topic "旅行小贴士" \
  --output-dir /mnt/user-data/outputs \
  --base-filename "travel" \
  --image-folder /path/to/travel-images \
  --overlay-opacity 0.6 << 'EOF'
1. 打包技巧
以最少的行李
轻装出行

2. 当地美食
找美食的
独特方法

3. 交通出行
善用公共交通
的技巧与经验
EOF

重要说明:

  • 文件夹中的图片必须按字母/数字排序(如:01.jpg02.jpg03.jpg
  • 图片数量应与卡片数量一致
  • 若图片少于卡片数,剩余卡片将使用纯色背景
  • 支持格式:.jpg.jpeg.png.webp.bmp
  • 使用背景图片时,文字自动切换为白色

脚本将自动执行以下操作:

  • 解析编号内容
  • 从文件夹加载背景图片(按排序顺序)
  • 添加暗色叠加层以提高文字可读性
  • 创建带自动换行的独立卡片
  • 保存为 travel_01.pngtravel_02.png

第四步:提供下载链接

生成完成后向用户展示:

卡片新闻 5 张已生成!

[查看卡片 1](computer:///mnt/user-data/outputs/zgen_01.png)
[查看卡片 2](computer:///mnt/user-data/outputs/zgen_02.png)
...

RGB 转十六进制

脚本中始终将 RGB 转换为十六进制:

# RGB 245,243,238 -> Hex #f5f3ee
hex_color = '#{:02x}{:02x}{:02x}'.format(245, 243, 238)

推荐颜色(RGB 格式)

向用户展示以下选项:

  • 暖米色:245,243,238 -> #f5f3ee
  • 柔粉色:255,229,229 -> #ffe5e5
  • 薄荷绿:224,244,241 -> #e0f4f1
  • 薰衣草:232,224,245 -> #e8e0f5
  • 蜜桃色:255,232,214 -> #ffe8d6
  • 天空蓝:227,242,253 -> #e3f2fd

内容生成最佳实践

优秀卡片内容示例

1. 数字原住民
从出生起就
熟悉数字环境
  • 标题:4个字符
  • 内容:12个字符
  • 清晰简洁

糟糕卡片内容示例

1. Z世代是数字原住民的一代
他们从出生起就使用智能手机和互联网,因此对数字技术非常精通
  • 标题过长(12个字符以上)
  • 内容过长(60个字符以上)
  • 会超出 600x600 画布

单张卡片模式(手动)

纯色背景

创建单张纯色背景卡片:

python generate_card.py \
  --title "标题" \
  --content "内容" \
  --bg-color "#f5f3ee" \
  --text-color "#1a1a1a" \
  --number 1 \
  --output /mnt/user-data/outputs/single.png

使用背景图片(v2 新功能)

创建带背景图片的卡片:

python generate_card.py \
  --title "旅行小贴士" \
  --content "以最少的行李\n轻装出行" \
  --bg-image /path/to/image.jpg \
  --overlay-opacity 0.6 \
  --number 1 \
  --output /mnt/user-data/outputs/travel_01.png

参数说明:

  • --bg-image:背景图片文件路径
  • --overlay-opacity:暗色叠加层不透明度(0.0-1.0,默认:0.5)
    • 0.0 = 无叠加层(原始图片)
    • 0.5 = 50% 暗色叠加层(默认,平衡效果好)
    • 1.0 = 全黑(仅适用于非常亮的图片)

技术细节

画布规格

  • 尺寸:600x600 像素(Instagram 优化)
  • 内边距:四周各 40px
  • 最大文字宽度:520px(600 - 80)
  • 字号:
    • 编号徽章:60px
    • 标题:48px(粗体)
    • 内容:28px(常规)

背景图片处理(v2)

  • 缩放与裁剪:图片自动调整为 600x600px
    • 保持宽高比
    • 宽高比不同时居中裁剪
    • 使用高质量 LANCZOS 重采样
  • 暗色叠加层:用于提高文字可读性
    • 默认不透明度:0.5(50% 暗化)
    • 可通过 --overlay-opacity(0.0-1.0)调整
    • 值越高 = 叠加层越暗 = 文字对比度越高
  • 文字颜色:使用背景图片时自动切换为白色(#FFFFFF)
  • 支持格式:JPG、JPEG、PNG、WebP、BMP
  • 图片排序:按字母/数字顺序加载文件

文字换行

  • 达到最大宽度时自动换行
  • 保留手动换行
  • 所有文字水平居中
  • 垂直间距为可读性优化

文件命名规则

  • 自动模式:{base_filename}_{number:02d}.png
  • 示例:card_01.pngcard_02.pngcard_03.png

错误处理

文字溢出时:

  • 缩短标题长度
  • 精简内容
  • 策略性地使用换行
  • 修改内容后重新生成

工作流程示例

示例 1:纯色背景

用户请求:"帮我用粉色做5张关于Z世代的卡片新闻"

Claude 回应:

  1. 确认:"将以粉色背景(255,229,229)制作5张Z世代特征卡片。"
  2. 生成5张卡片内容(保持文字简洁)
  3. 运行 auto_generator.py(使用 heredoc)
  4. 提供所有5张卡片的下载链接

总耗时:约 30 秒(5 张卡片系列)

示例 2:背景图片(v2)

用户请求:"帮我做旅行小贴士卡片新闻,背景用 /Users/me/travel-photos 文件夹里的图片"

Claude 回应:

  1. 确认:"将制作旅行小贴士卡片新闻,使用 /Users/me/travel-photos 文件夹的图片作为背景。"
  2. 询问:"请选择叠加层不透明度(0.0-1.0,默认0.5)。数值越高文字越清晰。"
  3. 用户:"0.6"
  4. 生成5张卡片内容(保持文字简洁)
  5. 运行 auto_generator.py(使用 --image-folder 和 --overlay-opacity)
  6. 提供带背景图片的卡片下载链接

准备提示:

  • 按顺序重命名图片:01.jpg02.jpg03.jpg04.jpg05.jpg
  • 确保图片数量与卡片数量一致
  • 使用高质量图片(建议至少 600x600px)
  • 尝试不同的叠加层不透明度以获得最佳效果

总耗时:约 45 秒(带图片的 5 张卡片系列)

相关技能 Related Skills