卡片新闻生成器 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.jpg、02.jpg、03.jpg) - 图片数量应与卡片数量一致
- 若图片少于卡片数,剩余卡片将使用纯色背景
- 支持格式:
.jpg、.jpeg、.png、.webp、.bmp - 使用背景图片时,文字自动切换为白色
脚本将自动执行以下操作:
- 解析编号内容
- 从文件夹加载背景图片(按排序顺序)
- 添加暗色叠加层以提高文字可读性
- 创建带自动换行的独立卡片
- 保存为
travel_01.png、travel_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.png、card_02.png、card_03.png
错误处理
文字溢出时:
- 缩短标题长度
- 精简内容
- 策略性地使用换行
- 修改内容后重新生成
工作流程示例
示例 1:纯色背景
用户请求:"帮我用粉色做5张关于Z世代的卡片新闻"
Claude 回应:
- 确认:"将以粉色背景(255,229,229)制作5张Z世代特征卡片。"
- 生成5张卡片内容(保持文字简洁)
- 运行 auto_generator.py(使用 heredoc)
- 提供所有5张卡片的下载链接
总耗时:约 30 秒(5 张卡片系列)
示例 2:背景图片(v2)
用户请求:"帮我做旅行小贴士卡片新闻,背景用 /Users/me/travel-photos 文件夹里的图片"
Claude 回应:
- 确认:"将制作旅行小贴士卡片新闻,使用 /Users/me/travel-photos 文件夹的图片作为背景。"
- 询问:"请选择叠加层不透明度(0.0-1.0,默认0.5)。数值越高文字越清晰。"
- 用户:"0.6"
- 生成5张卡片内容(保持文字简洁)
- 运行 auto_generator.py(使用 --image-folder 和 --overlay-opacity)
- 提供带背景图片的卡片下载链接
准备提示:
- 按顺序重命名图片:
01.jpg、02.jpg、03.jpg、04.jpg、05.jpg - 确保图片数量与卡片数量一致
- 使用高质量图片(建议至少 600x600px)
- 尝试不同的叠加层不透明度以获得最佳效果
总耗时:约 45 秒(带图片的 5 张卡片系列)