信息图:投资实战派 — 通用内容信息图生成专家
作者:永庆,投资实战派发起人,播客和公众号:投资实战派
能力范围
| 输入类型 | 识别方式 | 提取方法 |
|---------|---------|---------|
| 微信文章 | mp.weixin.qq.com URL | WebFetch 抓取正文 |
| 新闻/网页 | 任意 http/https URL(非视频) | WebFetch 提取正文 |
| 播客文字稿 | 用户粘贴的大段文字 | 直接分析 |
| 播客链接 | 小宇宙/Apple Podcasts URL | WebFetch 提取描述+文字稿 |
| B站视频 | bilibili.com / b23.tv URL | WebFetch 抓取标题+简介;若需字幕则用 scripts/get_bilibili_subtitle.py |
| YouTube视频 | youtube.com / youtu.be URL | WebFetch 抓取标题+描述;若需字幕则调用 yt-dlp |
| 直接粘贴文本 | 用户提供的文字段落 | 直接分析 |
工作流
Step 0:判断输入类型
检查用户输入:
- 包含
mp.weixin.qq.com→ 微信文章 - 包含
bilibili.com或b23.tv→ B站视频 - 包含
youtube.com或youtu.be→ YouTube视频 - 包含其他 http/https URL → 通用网页/新闻
- 无URL、纯文本超过200字 → 直接文本内容
- 无URL、纯文本较短(播客标题等)→ 询问用户提供更多内容
Step 1:内容提取
微信文章 / 新闻网页:
WebFetch(url, "提取文章完整正文、标题、作者、发布日期、核心论点、关键数据点")
若 WebFetch 返回空内容(微信JS渲染页面),改用 agent-browser:
agent-browser open {url}
agent-browser snapshot
agent-browser close
注意:agent-browser 命令不要加 | head 管道,会导致无输出挂起。
B站视频:
WebFetch("https://www.bilibili.com/video/{bvid}", "提取视频标题、UP主、简介、标签、评论区热评")
若用户需要字幕,运行:
python scripts/get_bilibili_subtitle.py {bvid}
YouTube视频:
WebFetch("https://www.youtube.com/watch?v={vid}", "提取视频标题、频道、描述、关键章节")
若需字幕(英文),运行:
python scripts/get_youtube_subtitle.py {url}
播客链接:
WebFetch(url, "提取播客标题、主持人/嘉宾、发布日期、主要话题摘要、关键金句")
直接文本: 跳过提取,直接进入 Step 2。
Step 2:内容结构化
从提取的原始内容中识别并整理以下维度(根据内容类型灵活取舍):
核心结构提取框架:
1. 主题/标题 — 一句话概括
2. 背景/来源 — 时间、发布者、平台
3. 核心观点 — 3-5个最重要的论点/发现(每条≤30字)
4. 关键数据 — 具体数字、比例、时间节点(尽量保留原始数据)
5. 人物/机构 — 涉及的关键人物、公司、机构
6. 结论/投资含义 — 对持仓者(大消费/互联网/科技/周期/红利)的直接意义(如适用)
7. 风险/反方观点 — 挑战、争议或潜在风险
8. 信息源注脚 — 原始URL/来源
内容类型专属模块:
- 公司/行业研究:加入「边际变化」模块
- 宏观/政策分析:加入「政策信号」模块
- 人物访谈/播客:加入「嘉宾金句」模块(≤3条,直接引用)
- 视频内容:加入「视频亮点时间线」模块(如有章节信息)
Step 3:生成信息图 HTML(v2 研报风格)
生成自包含 HTML 文件。v2 核心原则:信息密度优先,研报风格而非PPT风格。
视觉规范:
- 宽度:1080px,高度自适应(长图)
- 背景:
#FAFAF8(浅米白) - 主色调根据内容类型选择:
- 公司/投资研究 → 蓝色系
#185FA5 - 宏观/政策 → 紫色系
#534AB7 - 人物/访谈 → 绿色系
#3B6D11 - 科技/产品 → 橙色系
#854F0B
- 公司/投资研究 → 蓝色系
- 字体:系统中文字体栈
"PingFang SC", "Microsoft YaHei", "Source Han Sans CN", sans-serif - 基础字号:14px正文,13px表格,12px注脚
- 排版:紧凑布局,padding收紧(section 20px、卡片内 14px),减少留白
v2 HTML 模板结构(必须包含以下所有区块):
<!-- 1. Header: 标题 + 来源标签 + 日期 + 摘要段 -->
<!-- 摘要段:3-5行核心结论,让读者不读全文就抓到重点 -->
<!-- 用半透明背景+左侧边框,位于标题下方 -->
<!-- 2. 一图读懂区: 3列要点卡片 -->
<!-- 每卡:图标+短标题+1-2句描述,秒懂全篇骨架 -->
<!-- 白底背景,紧贴Header下方 -->
<!-- 3. 核心论点: 用表格呈现(论点列+内容列),而非散落卡片 -->
<!-- 4. 关键数据: 紧凑横排数据卡 + 结构化数据表格 -->
<!-- 数据卡:数字+单位同行横排,多个并排可对比 -->
<!-- 数据表格:含表头着色、隔行底色、数字右对齐tabular-nums -->
<!-- 5. 持仓/明细表格(如适用): 标的+仓位+竞争力+逻辑四列表 -->
<!-- 6. 机制/对比: 卡片+对比表格双形式 -->
<!-- 机制卡:左边框强调+编号圆圈+核心金句 -->
<!-- 对比表:维度列+bad列(红色头)+good列(绿色头) -->
<!-- 7. 时间线: 紧凑横排5列卡片(非纵向),节省纵向空间 -->
<!-- 8. 金句区: 深色背景块引用 -->
<!-- 9. 结论: 主色背景+关键句高亮块 -->
<!-- 10. 风险提示: 黄色底+顶部边框 -->
<!-- 11. Footer: 信息源链接+涉及机构+标签+生成时间 + 作者署名 -->
v2 关键改进点(vs v1):
- 头部摘要段:标题下方直接放3-5行核心结论摘要,半透明背景+左侧边框
- 一图读懂区:3列要点卡片(图标+短句),紧贴Header,秒懂全篇骨架
- 结构化数据表格:核心论点、持仓明细、机制参数等全部用表格呈现(表头着色、隔行底色、数字右对齐)
- 紧凑横排数据卡:数字+单位同行,flex横排,多个并排可横向对比
- 时间线改横排:5列卡片横排,而非纵向时间轴,节省纵向空间
- 信息密度提升:padding收紧、字号微调、减少空白浪费
v2 CSS 关键样式参考:
- 数据表格:
th { background: mainColor; color: #fff; }+tr:nth-child(even) td { background: #F8F9FB; }+.num-cell { font-variant-numeric: tabular-nums; text-align: right; } - 数据卡:
display: flex; align-items: baseline; gap: 6px;数字24px/单位13px/标签12px - 对比表:
th.bad { background: #C0392B; } th.good { background: #27924E; }+ 单元格底色区分 - 机制卡:
border-left: 3px solid mainColor;+ 编号圆圈 + 高亮文字background: #FFF8E1 - 时间线:
display: flex;每项flex: 1; border-right: none;
保存文件名:infographic_{主题关键词}_v2_{YYYYMMDD}.html
保存到当前工作区目录(即当前 workspace 根目录)
Step 4:预览与交付
preview_url(保存的HTML文件路径)
然后询问用户:
"信息图已生成预览。是否需要:① 归档到IMA知识库 ② 归档到腾讯文档 ③ 调整样式或内容 ④ 直接下载HTML到本地?"
归档选项处理规则:
选项① — 归档到IMA知识库:
- 使用
ima-skillsskill 的 knowledge-base 模块 - 上传 HTML 文件到 IMA 知识库(走完整上传流程:preflight-check → check_repeated_names → create_media → COS上传 → add_knowledge)
- 若用户未指定知识库,先调用
get_addable_knowledge_base_list列出可选知识库让用户选择
选项② — 归档到腾讯文档:
- 使用现有微信文章归档文档(file_id:
GVPsAThqKeFq)或新建专用文档
选项④ — 下载到本地:
- 将 HTML 文件复制到
C:/Users/18510/Downloads/目录,保持原文件名 - 使用
cp命令复制(Git Bash 环境)
注意: 用户可能同时要求多个归档选项(如"归档到IMA + 下载到本地"),需并行执行。
质量检查清单
- [ ] 头部摘要段:标题下方有3-5行核心结论摘要
- [ ] 一图读懂区:3列要点卡片,图标+短句,秒懂全篇骨架
- [ ] 结构化数据表格:核心论点/持仓/机制参数用表格呈现,非散落文字
- [ ] 紧凑数据卡:数字+单位横排并排,可横向对比
- [ ] 信息密度:padding收紧,无大面积留白,研报风格而非PPT风格
- [ ] 核心观点不超过5条
- [ ] 关键数据保留原始数字(不要四舍五入或模糊化)
- [ ] 结论/投资含义与持仓板块挂钩(大消费/互联网/科技/周期/红利)
- [ ] 信息源链接在页脚可点击
- [ ] HTML可在浏览器独立打开,无外部依赖(字体除外)
- [ ] 文件名包含日期和v2标记,方便归档
- [ ] Footer 包含作者署名:永庆 · 投资实战派
已安装辅助脚本
scripts/get_bilibili_subtitle.py— B站视频字幕提取(需安装 requests)scripts/get_youtube_subtitle.py— YouTube字幕提取(需安装 yt-dlp)
Python 环境
C:\Users\18510\.workbuddy\binaries\python\envs\default\Scripts\python.exe
已有相关技能
信息图— 专门处理券商研报PDF,与本技能互补(本技能处理网页/视频/播客)整理微信文章— 微信文章归档到腾讯文档(本技能重在生成信息图,该技能重在归档)agent-browser— WebFetch 无法抓取JS渲染页面(如微信文章)时的首选降级方案
版本历史
- v2.2 (2026-06-21):补充作者信息到 frontmatter 和正文中;修复 SkillHub 安装后显示名问题(name 字段改为中文);工作区路径改为相对描述。
- v2.1 (2026-06-19):交付选项扩展。Step 4 从3项扩展为4项:新增「归档到IMA知识库」和「直接下载HTML到本地」;支持多选项并行执行(如同时归档IMA+下载本地)。
- v2 (2026-06-19):研报风格重构。新增头部摘要段、一图读懂3列卡片区、结构化数据表格、紧凑横排数据卡、横排时间线。信息密度提升约40%。参考用户提供的研报风格信息图对比优化。
- v1 (2026-06-19):初始版本。PPT展示风格,卡片式布局,留白较多。
微信扫一扫