{"skill":{"slug":"briefing-visualizer","displayName":"briefing-visualizer简报转手机长图","summary":"简报转手机长图。将结构化文字简报（行业简报、市场简报、动态简报等）转化为适合手机阅读的长图。支持自定义资讯内容、标题、出品方、底部通栏广告图。触发词：做简报长图、生成手机长图、简报转图片、行业周报转图、市场简报转长图、转成手机长图","description":"---\nname: briefing-visualizer\ndescription: 简报转手机长图。将结构化文字简报（行业简报、市场简报、动态简报等）转化为适合手机阅读的长图。支持自定义资讯内容、标题、出品方、底部通栏广告图。触发词：做简报长图、生成手机长图、简报转图片、行业周报转图、市场简报转长图、转成手机长图\nsummary: 结构化简报 → 手机长图，支持资讯抓取、排版、截长图、底部通栏广告\nauthor: xieliuzhu888（WX/Wechat）\nversion: \"1.0\"\ntags:\n  - 简报\n  - 长图\n  - 内容转化\n  - 手机端\n  - 自动化\n---\n\n# briefing-visualizer · 简报转手机长图\n\n将文字简报转化为精美的手机端长图，适合发送至微信群、朋友圈、小红书等平台。\n\n## 适用场景\n\n- **行业简报**：海参/丸子/食品/零售等行业动态周报\n- **市场简报**：竞品动态、价格行情、市场趋势汇总\n- **动态简报**：新品发布、活动预告、公司动态\n- **招商简报**：招商政策、合作优势、联系方式\n- **任何结构化资讯**：只要有标题 + 正文条目，即可生成\n\n---\n\n## 完整工作流程\n\n```\n资讯采集（用户提供 or AI抓取）\n        ↓\n生成 HTML 排版（390px 手机宽度，暗色暖调主题）\n        ↓\nChrome headless 截图（window-size=390）\n        ↓\nPIL 裁剪底部纯色空白 + 拼接底部通栏广告图\n        ↓\n输出最终长图（weekly-final.jpg）\n```\n\n---\n\n## Step 1：准备内容\n\n用户提供以下信息，AI 负责生成和排版：\n\n### 必须提供\n\n| 字段 | 说明 | 示例 |\n|------|------|------|\n| `标题` | 简报大标题 | 「海产 · 丸子领域重要动态速递」 |\n| `副标题` | 英文副标题（可选） | WEEKLY INDUSTRY INSIGHT |\n| `日期` | 简报周期 | 2026年4月第3周（4.14 - 4.20） |\n| `资讯内容` | 每个条目的标题+正文+标签 | 见下方格式 |\n\n### 资讯条目格式（每条包含）\n\n```\n序号：01\n标题：[一句话核心信息]\n正文：[2-4句描述，数据/来源/意义]\n标签：[标签1, 标签2]  （最多3个）\n标记：🔥重要 / ⚡热门 / ⚡趋势 等（可选）\n```\n\n### 可选配置\n\n| 字段 | 说明 |\n|------|------|\n| `底部通栏图` | 品牌/产品/联系方式图片路径，宽度自动适应 |\n| `数据摘要` | 3个关键数字，顶部卡片展示 |\n| `亮点洞察` | 1段总结，放在底部页脚前 |\n| `数据来源` | 底部注明来源 |\n\n### 标签预设\n\n`消费趋势` `市场规模` `品牌建设` `供应链` `招商加盟` `产品创新` `渠道变革` `竞争格局` `行业热点`\n\n---\n\n## Step 2：生成 HTML\n\n根据用户提供的内容，自动生成 HTML 文件：\n\n- **设计宽度**：390px（匹配手机屏幕）\n- **主题色**：暖橙色调（#D4845A / #C46B3A）\n- **字体**：正文 13px / 标题 14px / 标签 10px（避免拉伸变形）\n- **结构**：顶部标题 → 数据摘要 → 分板块卡片 → 亮点洞察 → 底部页脚 → 通栏广告图\n\n输出：`briefing.html`\n\n---\n\n## Step 3：截图与处理\n\n运行脚本，将 HTML 转为最终长图：\n\n```bash\npython3 process_briefing.py <html文件路径> <底部通栏图路径> <输出文件名>\n```\n\n例如：\n```bash\npython3 process_briefing.py briefing.html /path/to/banner.png weekly-final.jpg\n```\n\n脚本自动完成：\n1. Chrome headless 截图（390x10000）\n2. 裁剪底部纯色空白（精确识别 body 背景色）\n3. 拼接底部通栏广告图\n4. 输出最终长图\n\n---\n\n## Step 4：交付\n\n- 输出最终图片文件\n- 用户可通过 企微/微信 直接发送至目标群/朋友圈\n\n---\n\n## 排版规范\n\n### HTML 结构\n\n```\nbody { width: 390px; background: #FFF8F0; padding: 0; }\n.header { 渐变橙底 + 标题 + 日期 }\n.stats-row { 3列数据摘要卡片 }\n.section { 板块（图标+标题+描述） }\n.news-card { 每条资讯：序号+标题+正文+标签 }\n.highlight-box { 底部亮点洞察 }\n.footer { 数据来源 + 品牌 }\n.bottom-image { 宽度100%通栏广告图 }\n```\n\n### 标签配色\n\n- 消费趋势：`rgba(200,140,40)` 橙黄\n- 市场规模：`rgba(212,90,42)` 橙红\n- 品牌建设：`rgba(130,80,180)` 紫色\n- 供应链：`rgba(45,139,174)` 蓝绿\n- 招商加盟：`rgba(61,122,74)` 绿色\n\n---\n\n## 脚本说明\n\n`scripts/process_briefing.py` 为核心处理脚本，无需用户干预。\n\n关键参数：\n- `CHROME`：Chrome 路径（macOS 默认已配置）\n- `截图表格宽度`：390px（与 HTML body 宽度一致）\n- `底部通栏图`：自动等比缩放至报告宽度\n\n---\n\n## 注意事项\n\n1. **内容精简**：每条正文控制在 60-120 字，适合手机阅读\n2. **标签控制**：每条最多 3 个标签，优先选精准标签\n3. **底部通栏图**：建议 1080px 宽以上 PNG/JPG，比例建议 3:1 或 2:1\n4. **截图问题**：若底部有多余空白，脚本会自动裁剪；若裁剪过度，人工微调\n","topics":["简报","长图","周报","内容转化","手机端"],"tags":{"latest":"1.0.0"},"stats":{"comments":0,"downloads":312,"installsAllTime":12,"installsCurrent":0,"stars":0,"versions":1},"createdAt":1778307496680,"updatedAt":1778492885325},"latestVersion":{"version":"1.0.0","createdAt":1778307496680,"changelog":"briefing-visualizer 1.0.0\n\n- 首个版本发布，支持将结构化文字简报自动排版并生成适合手机端阅读的长图。\n- 支持自定义简报内容、标题、副标题、数据摘要、亮点洞察、底部通栏广告图等信息。\n- 自动生成 390px 宽度暖色调长图，适配微信群、朋友圈、小红书等场景。\n- 一键脚本处理：HTML 生成、Chrome headless 截图、裁剪与拼接广告图，全流程自动化。\n- 精细标签与配色、板块排版，提升视觉效果与传播力。","license":"MIT-0"},"metadata":{"setup":[],"os":null,"systems":null},"owner":{"handle":"xieliuzhu888","userId":"s17cjwastsskpqgkscpz2sh02x859j2x","displayName":"xieliuzhu888","image":"https://avatars.githubusercontent.com/u/278043576?v=4"},"moderation":null}