mcpField
C
card-news-generator-v2

card-news-generator-v2

github.com/bear2u创意与媒体935211 次安装18 周前更新
代码仓库

关于 card-news-generator-v2

用于制作社交媒体卡片新闻的技能，可根据主题生成 5–7 张 600×600 卡片，并支持纯色或图片背景。适合需要将简短内容排版成系列图卡的创作者。

主要功能

  1. 01按主题生成 5–7 张卡片内容
  2. 02创建 600×600 像素卡片
  3. 03支持纯色背景与背景图片
  4. 04自动裁剪图片并添加暗色叠层
  5. 05自动换行并居中排版文字
  6. 06支持单张卡片生成

适用场景

  1. 01制作社交媒体主题图卡系列
  2. 02将旅行建议排成图片背景卡片
  3. 03用指定颜色制作单张或多张图卡

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/bear2u/my-skills --skill card-news-generator-v2

安装后在 Claude Code 中输入/card-news-generator-v2确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

auto_generator.py
COMPLETE_GUIDE_KR.md
generate_card.py
INTERACTIVE_DEMO.md
interactive_generator.py
QUICKSTART_KR.md
README.md
V2_FEATURES.md

详细介绍

卡片新闻生成器 v2 - 自动模式（V2）

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

适用场景

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

  • “帮我制作卡片新闻”
  • “围绕某个主题制作卡片系列”
  • “帮我生成 Instagram 用的卡片”
  • 任何视觉卡片内容相关请求

核心工作流程 - 自动模式

用户请求制作卡片新闻时，这是首选工作流程：

步骤 1：向用户询问主题、颜色和可选的背景图片

询问用户：

  • 主题：卡片系列的内容
  • 背景 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
步骤 2：生成卡片内容

围绕主题创建 5-7 张卡片。按以下格式输出：

1. [제목]
[설명 2-3줄]

2. [제목]
[설명 2-3줄]

3. [제목]
[설명 2-3줄]

重要内容指南：

  • 标题：最多 20 个字符（包括空格）
  • 内容：最多 60 个字符（包括空格）
  • 保持简洁，以适应 600x600 画布
  • 使用简单、有感染力的语言
  • 每张卡片应传达一个核心要点
步骤 3：自动生成卡片
选项 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 等文件
步骤 4：提供下载链接

生成后，向用户展示：

✅ 카드 뉴스 5장이 생성되었습니다!

[View card 1](computer:///mnt/user-data/outputs/zgen_01.png)
[View card 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. 디지털 네이티브
태어날 때부터
디지털 환경에 익숙

✓ 标题：8 个字符 ✓ 内容：18 个字符 ✓ 清晰简洁

不佳的卡片内容示例
1. Z세대는 디지털 네이티브 세대입니다
그들은 태어날 때부터 스마트폰과 인터넷을 사용하며 자랐기 때문에 디지털 기술에 매우 능숙합니다

✗ 标题太长（21 个字符） ✗ 内容太长（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 的回复：

  1. 确认：“我将制作 5 张介绍 Z 世代特点的卡片，背景颜色为粉色（255,229,229）。”
  2. 生成 5 张卡片的内容（保持文本简洁）
  3. 使用 heredoc 运行 auto_generator.py
  4. 提供全部 5 张卡片的下载链接

总耗时：制作 5 张系列卡片约 30 秒

示例 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. 使用 --image-folder 和 --overlay-opacity 运行 auto_generator.py
  6. 提供显示带背景图像卡片的下载链接

准备提示：

  • 按顺序重命名图像：01.jpg、02.jpg、03.jpg、04.jpg、05.jpg
  • 确保图像数量与卡片数量一致
  • 使用高质量图像（建议至少 600x600px）
  • 测试不同的叠加层不透明度，以获得最佳效果

总耗时：制作带图像的 5 张系列卡片约 45 秒

评论

支持 Markdown