我把 GitHub 热门项目做成了海报：Claude Code + Wan 2.7 一键生成实战
我把 GitHub 热门项目做成了海报：Claude Code + Wan 2.7 一键生成实战
来源类型： 微信公众号文章
日期： 2026-06-02
标签： AI, OpenClaw, 办公效率, 编程, 大模型
原文链接： https://mp.weixin.qq.com/s/rDz4oD47lvRodKxO--53JQ
摘要
1.前言 之前给大家写过一篇文章《每天自动获取GitHub热门项目，这个技能包让我节省2小时！》，通过自动化脚本实现了 GitHub Trending 项目的每日抓取和文章生成，帮助小伙伴们快速了解开源动态。不过那时候的方案输出的是文字文章，对于想要一张可视化海报来分享的需求，还是得手动排版。有没有办法一键生成 GitHub 热门项目信息图海报呢？ 阿里 Wan 2.7 模型给出了答案。Wan 2.7 是阿里推出的最新文生图模型，支持多种视觉风格和比例输出，特别适合生成信息图、海报这类内容密集型图片。今天介绍的 github-trending-wan-skill 正是结合了 GitH...
核心内容
1.前言
之前给大家写过一篇文章《每天自动获取GitHub热门项目，这个技能包让我节省2小时！》，通过自动化脚本实现了 GitHub Trending 项目的每日抓取和文章生成，帮助小伙伴们快速了解开源动态。不过那时候的方案输出的是文字文章，对于想要一张可视化海报来分享的需求，还是得手动排版。有没有办法一键生成 GitHub 热门项目信息图海报呢？
阿里 Wan 2.7 模型给出了答案。Wan 2.7 是阿里推出的最新文生图模型，支持多种视觉风格和比例输出，特别适合生成信息图、海报这类内容密集型图片。今天介绍的 github-trending-wan-skill 正是结合了 GitHub Trending 抓取 + 中文翻译 + Wan 2.7 生图的完整解决方案，实现从"热门项目榜单"到"精美信息图海报"的一键转换。
阿里_Wan_2.7_202604082248
这个 skill 支持 10 种视觉风格（坐标蓝图、复古波普、文件夹、热敏纸、复古手帐、陶土手绘、酸性复古、剧场票据、矢量插图、孟菲斯网格），采用 3 步引导式工作流，最终输出一张低信息密度、中文优先、可读性强的 3:4 信息图海报。这2天这个 skill 非常实用，今天我们手把手教大家使用这个 github-trending-wan-skill，体验和感受一下一键生成 GitHub 热门项目海报的能力。
2.项目介绍
✨ 核心特性
- • 🚀 一键抓取：自动获取 GitHub Trending Top 5 项目，包含 Star、语言、技术栈、README 摘要等完整元数据
- • 🎯 中文优先：调用 DashScope API 将英文摘要翻译为简体中文，12 个翻译模型随机选取
- • 🎨 10种风格：支持坐标蓝图、复古波普、文件夹、热敏纸、复古手帐、陶土手绘、酸性复古、剧场票据、矢量插图、孟菲斯网格等视觉风格
- • 📊 低信息密度：生成可读性强的信息图海报，避免高密度排版导致文字溢出
- • 🔧 3步引导式：启动询问 → 信息提取 → 确认生图，用户体验友好
- • 📦 输出丰富：同时生成中文简报、Wan Prompt 和最终海报图片-🚀一键抓取：自动获取_202604082251
🛠️ 技术栈
数据抓取层
- • 语言: Python 3.10+
- • 数据源: GitHub Trending Web + GitHub API
- • 解析: HTML 解析 + JSON 数据提取
翻译层
- • API: DashScope 兼容 API
- • 模型: kimi-k2.5、qwen3.5-flash、glm-5 等 12 个候选模型
- • 策略: 随机选取 + 失败重试
生图层
- • 模型: 阿里 Wan 2.7 文生图模型
- • 比例: 支持 3:4、16:9、9:16 等多种画幅
- • 分辨率: 2K / 4K 可选
🎯 应用场景
- • 技术博主：每日 GitHub 热门项目海报，分享到公众号、小红书
- • 技术团队：团队内部技术动态同步，晨会分享素材
- • 开发者社群：微信群、Discord 社群每日技术简报
- • 知识库建设：持续追踪开源趋势，积累技术情报202604082254
3.部署实战
环境准备
使用 github-trending-wan-skill 需要准备以下环境：
-
- Claude Code CLI：已安装并配置好 Skills 目录
-
- DASHSCOPE_API_KEY：用于翻译和 Wan 2.7 生图
-
- Wan-skills-main：Wan 2.7 生图脚本依赖（同级目录）
项目已经开源地址：https://github.com/wwwzhouhui/skills_collection/github-trending-wan-skill
- Wan-skills-main：Wan 2.7 生图脚本依赖（同级目录）
首先将 skill 文件放到 Claude Code 的 Skills 目录下：
Skills 目录结构
skills_collection/
├── github-trending-wan-skill/
│ ├── SKILL.md
│ ├── README.md
│ ├── scripts/
│ │ ├── fetch_daily_top10.py
│ │ ├── translate_daily_top.py
│ │ ├── build_daily_poster_assets.py
│ │ └── run_wan_generation.py
│ └── output/
└── Wan-skills-main/ # Wan 2.7 脚本依赖
配置环境变量
设置必要的环境变量：
设置 DashScope API Key（必须）
export DASHSCOPE_API_KEY=your-api-key
设置 Wan 2.7 脚本目录（可选）
export WAN_SKILL_DIR=/path/to/wan2.7-image-skill
GitHub Token（可选，减少 API 限流）
export GITHUB_TOKEN=your-github-token
使用方式
下面这部分我直接用 2026 年 4 月 8 日的真实操作流程来演示，这样你照着走一遍，就能清楚看到 github-trending-wan-skill 的完整执行链路。
步骤 1：启动 Skill
先在 Claude Code 对话框里输入下面这句提示词，触发 github-trending-wan-skill：
请使用github-trending-wan-skill这个skill技能帮我生成今日github上热门开源项目
这一步不是直接出图，而是先进入需求确认环节。
启动 github-trending-wan-skill
从实测过程来看，这个 skill 会先引导你补充必要参数，而不是一上来就调用生图模型。这样的好处是可以先把日期、读者、风格、分辨率、比例这些关键条件一次性确认清楚，避免后面反复返工。
步骤 2：输入需求信息
接着按照提示输入本次实战参数：
今日,科技读者,1,2k,9:16
这组参数的含义分别是：
- • 今日：抓取当天的 GitHub Trending 数据
- • 科技读者：面向泛科技内容读者，而不是纯程序员受众
- • 1：选择第 1 种视觉风格，这里对应坐标蓝图风格
- • 2k：输出 2K 分辨率
- • 9:16：适合手机端竖屏传播输入需求参数
这一步非常关键，因为它决定了后续中文简报的表达方式，以及 Wan 2.7 生成海报时的视觉布局。
步骤 3：执行
...(内容截断，完整内容请查看原文)
本页由自动化脚本生成，待人工审核补充