From minto-slides
演示文稿页面生成器。支持生成消费者洞察散点图(第24页)、用户画像(第25-29页)、品牌目录(第30页)、品牌详情(第31页)、品牌分析(第32页)、社媒营销(第33页)、行业结论卡片(第49-50页)。关键词：演示文稿、幻灯片、散点图、用户画像、品牌目录、品牌详情、品牌分析、社媒营销、行业结论、消费者洞察。
npx claudepluginhub within-7/minto-plugin-tools --plugin minto-slidesThis skill uses the workspace's default tool permissions.
演示文稿页面生成器，支持生成第24-29页（消费者洞察）、第30页（品牌目录）、第31-33页（品牌案例深度分析）和第49-50页（行业结论）。
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
演示文稿页面生成器，支持生成第24-29页（消费者洞察）、第30页（品牌目录）、第31-33页（品牌案例深度分析）和第49-50页（行业结论）。
在 Claude Code 中直接描述你要生成的内容，例如：
# 生成散点图（第24页）
"请生成用户关注度散点图，数据如下：[人群数据]"
# 生成用户画像（第25-29页）
"请生成5个用户画像页面，图片在 assets/profiles/ 目录"
# 生成品牌目录（第30页）
"请生成品牌目录页，品牌有：SPOT、BIOLITE、HELINOX..."
# 生成品牌详情（第31页）
"请生成 SPOT 品牌详情页，数据如下：[Markdown数据]"
# 生成品牌分析（第32页）
"请生成品牌分析页，数据文件在 data/brand_spot_analysis.json"
# 生成社媒营销（第33页）
"请生成社媒营销页，数据文件在 data/brand_spot_social.json"
# 生成行业结论（第49-50页）
"请生成行业结论页面，以下是12个结论主题：[主题列表]"
| 页面 | 最小输入 | 示例 |
|---|---|---|
| 24页 | 人群名称 + 市场分 + 需求分 | 摄影师,75,88 |
| 25-29页 | 5张截图 + 人群名称 | assets/profiles/*.png |
| 30页 | 品牌列表 | SPOT,BIOLITE,HELINOX |
| 31页 | Markdown格式品牌数据 | 见 example_brand_detail.md |
| 32页 | JSON格式分析数据 | 见 example_brand_analysis.json |
| 33页 | JSON格式社媒数据 | 见 example_brand_social.json |
| 49-50页 | 12个主题 + 内容 | 自由文本即可 |
重要：在当前项目目录下创建以下结构：
当前项目目录/
├── assets/
│ ├── logo.png # Logo文件（必需）
│ ├── profiles/ # 25-29页用户画像截图
│ │ ├── 水上活动.png
│ │ ├── 自然探索.png
│ │ ├── 极端探险.png
│ │ ├── 长途旅行.png
│ │ └── 家庭旅行.png
│ ├── brands/ # 30页品牌目录图片
│ │ ├── spot.png
│ │ ├── biolite.png
│ │ ├── helinox.png
│ │ ├── big_agnes.png
│ │ ├── front_runner.png
│ │ └── rumpl.png
│ ├── brand_details/ # 31页品牌详情图片
│ │ ├── spot_product.png # 产品图 450×300px
│ │ ├── spot_logo.png # 品牌Logo 510×350px
│ │ └── ...
│ ├── brand_analysis/ # 32页品牌分析图片（新增）
│ │ ├── spot_persona_1.png # 用户画像1 ~400×300px
│ │ ├── spot_persona_2.png # 用户画像2 ~400×300px
│ │ ├── spot_seo_table.png # SEO表格 ~500×200px
│ │ └── ...
│ └── brand_social/ # 33页社媒营销图片（新增）
│ ├── spot_style_1.png # 社媒风格1 ~300×250px
│ ├── spot_style_2.png # 社媒风格2 ~300×250px
│ ├── spot_style_3.png # 社媒风格3 ~300×250px
│ ├── spot_ambassador.png # 品牌大使 ~400×350px
│ └── ...
├── data/ # 数据文件
│ ├── brand_01_detail.json # 品牌1-第31页数据
│ ├── brand_01_analysis.json # 品牌1-第32页数据（新增）
│ ├── brand_01_social.json # 品牌1-第33页数据（新增）
│ ├── brand_02_detail.json # 品牌2...
│ └── ...
├── slides/ # 生成的HTML文件
│ ├── 24_user_attention.html
│ ├── 25_user_profile_1.html
│ ├── ...
│ ├── 30_brand_catalog.html
│ ├── 31_brand_detail_01.html
│ ├── 32_brand_analysis_01.html # 新增
│ ├── 33_brand_social_01.html # 新增
│ ├── 34_brand_detail_02.html
│ ├── ...
│ ├── 49_industry_conclusion_1.html
│ └── 50_industry_conclusion_2.html
└── .minto-state.json # 状态文件（自动生成）
| 模块 | 页码 | 类型 | 说明 |
|---|---|---|---|
| 消费者洞察 | 24 | 散点图 | 用户关注度分析（市场分 vs 需求分） |
| 消费者洞察 | 25-29 | 用户画像 | 优选用户展示（文字 + 截图） |
| 品牌案例 | 30 | 品牌目录 | 6个品牌索引（图片宫格 + 列表） |
| 品牌案例 | 31 | 品牌详情 | 单品牌深度拆解（背景+产品+数据+KPI） |
| 品牌案例 | 32 | 品牌分析 | 用户定位+需求+画像+流量模型+SEO+外链（新增） |
| 品牌案例 | 33 | 社媒营销 | KOL合作+社媒数据+风格展示+营销活动（新增） |
| 行业结论 | 49-50 | 卡片布局 | 12个行业结论卡片，每页6个 |
# 消费者洞察模块
第24页：单次调用生成
第25-29页：单次调用批量生成5页（需提前准备截图）
# 品牌案例模块（每个品牌生成3页）
第30页：单次调用生成（需提前准备品牌目录图片）
品牌1 (No.01): 31 + 32 + 33 页
品牌2 (No.02): 34 + 35 + 36 页
品牌3 (No.03): 37 + 38 + 39 页
品牌4 (No.04): 40 + 41 + 42 页
品牌5 (No.05): 43 + 44 + 45 页
品牌6 (No.06): 46 + 47 + 48 页
# 行业结论模块
第49-50页：单次调用批量生成2页
每次生成HTML前必须执行：
assets/logo.png/Users/mac/Desktop/minto-plugin-tools/minto-slides/assets/logo.png{当前项目目录}/assets/logo.png../assets/logo.png（因为HTML文件在 slides/ 目录下）格式1：CSV/TSV
人群特征,市场得分,需求得分
摄影师,75,88
tennis,10,3.3
licensed cosmetologist,1.33,10
格式2：JSON
[
{"name": "摄影师", "marketScore": 75, "demandScore": 88},
{"name": "tennis", "marketScore": 10, "demandScore": 3.3}
]
Step 1: Logo检查与复制
assets/logo.png 是否存在Step 2: 数据解析
Step 3: 维度自动识别
根据人群名称自动分类：
| 维度 | 识别规则 | 颜色 |
|---|---|---|
| 职业 | job, 职业, 师, 家, 员, technician, cosmetologist, writer | #e74c3c |
| 爱好/运动 | sport, 运动, 球, 舞, 爬, yoga, tennis, hiking, swimming, climbing | #3498db |
| 身体状况 | 疾病, 症状, disease, onycholysis, paronychia, cancer | #9b59b6 |
| 身份特征 | mother, parent, children, kids, single, working | #f39c12 |
| 生活方式 | vegetarian, vegan, smoker, meditation, fitness | #1abc9c |
| 其他 | 未匹配到的 | #95a5a6 |
Step 4: 数据分析
Step 5: 模板渲染
templates/scatter_chart.html 模板../assets/logo.png（HTML在 slides/ 目录，需返回上级）Step 6: 输出
slides/24_user_attention.html.minto-state.json（记录人群数据供后续使用）Step 1: 检查图片文件
生成前必须检查 assets/profiles/ 目录：
需要检查的图片（根据24页数据选取的人群）：
- assets/profiles/水上活动.png
- assets/profiles/自然探索.png
- assets/profiles/极端探险.png
- assets/profiles/长途旅行.png
- assets/profiles/家庭旅行.png
如果图片缺失：
⚠️ 检测到以下图片缺失：
- assets/profiles/xxx.png
- assets/profiles/xxx.png
请先上传图片，格式要求：
- 尺寸：480px × 850-900px（推荐）
- 格式：PNG 或 JPG
- 存放位置：assets/profiles/
- 文件命名：{人群名称}.png
上传完成后回复"继续"。
| 项目 | 要求 |
|---|---|
| 宽度 | 480px（固定） |
| 高度 | 850-900px（推荐） |
| 格式 | PNG 或 JPG |
| 命名 | {人群名称}.png（如：水上活动.png） |
| 位置 | assets/profiles/ |
Step 2: Logo检查与复制
assets/logo.png 存在Step 3: 选择目标人群
.minto-state.json）中选取5个高得分人群Step 4: 批量生成文字分析
为每个选中的5个人群生成三类内容：
| 模块 | 内容要求 | 字数要求 |
|---|---|---|
| 人群规模 | 全球人数、占比、细分群体、地区分布、增长率、预测 | 200-300字 |
| 人群年龄水平 | 年龄分层、各年龄段占比、性别特征、不同活动差异 | 200-300字 |
| 人群消费水平和习惯 | 年均消费、购买渠道占比、决策因素、消费特征、趋势 | 200-300字 |
文字要求：
<strong> 标签加粗Step 5: 批量渲染模板
使用 templates/user_profile.html 模板，一次性生成5页：
| 输出文件 | 人群 | 图片路径 |
|---|---|---|
slides/25_user_profile_1.html | 第1个人群 | ../assets/profiles/{人群名}.png |
slides/26_user_profile_2.html | 第2个人群 | ../assets/profiles/{人群名}.png |
slides/27_user_profile_3.html | 第3个人群 | ../assets/profiles/{人群名}.png |
slides/28_user_profile_4.html | 第4个人群 | ../assets/profiles/{人群名}.png |
slides/29_user_profile_5.html | 第5个人群 | ../assets/profiles/{人群名}.png |
Step 6: 输出确认
✅ slides/25_user_profile_1.html（水上活动）
✅ slides/26_user_profile_2.html（自然探索）
✅ slides/27_user_profile_3.html（极端探险）
✅ slides/28_user_profile_4.html（长途旅行）
✅ slides/29_user_profile_5.html（家庭旅行）
批量生成完成！
| 变量 | 说明 |
|---|---|
{{section}} | 部分标题 |
{{subsection}} | 小节标题，如"7.2 优选用户展示（1）" |
{{userTypeTitle}} | 人群类型标题 |
{{populationContent}} | 人群规模内容 |
{{ageContent}} | 年龄水平内容 |
{{consumptionContent}} | 消费习惯内容 |
{{logoPath}} | logo路径：../assets/logo.png |
{{profileImagePath}} | 截图路径：../assets/profiles/{人群名}.png |
Step 1: 检查图片文件
生成前必须检查 assets/brands/ 目录：
需要6张品牌图片，按文件名字母顺序排序后分配序号01-06
如果图片缺失：
⚠️ 检测到以下图片缺失：
- assets/brands/xxx.png
请先上传图片，格式要求：
- 尺寸：448px × 224px（固定）
- 格式：PNG 或 JPG
- 存放位置：assets/brands/
- 文件命名：{品牌名}.png（如：spot.png, big_agnes.png）
- 命名规则：小写字母，单词间用下划线分隔
上传完成后回复"继续"。
| 项目 | 要求 |
|---|---|
| 宽度 | 448px（固定） |
| 高度 | 224px（固定） |
| 格式 | PNG 或 JPG |
| 命名 | {品牌名}.png（如：spot.png, big_agnes.png） |
| 命名规则 | 小写字母，单词间用下划线分隔 |
| 位置 | assets/brands/ |
Step 2: Logo检查与复制
assets/logo.png 存在Step 3: 扫描并排序图片
assets/brands/ 目录下所有图片Step 4: 文字处理
从文件名提取品牌名：
.png, .jpg 等）big_agnes → big agnes）big agnes → BIG AGNES）示例：
| 文件名 | 提取结果 |
|---|---|
spot.png | SPOT |
big_agnes.png | BIG AGNES |
front_runner.png | FRONT RUNNER |
Step 5: 中文介绍生成与确认
为每个品牌生成简短中文介绍：
品牌中文介绍预览：
01 - FRONT RUNNER：南非越野装备品牌
02 - SPOT：户外运动装备
03 - BIG AGNES：露营装备专家
...
如需修改请告知，确认后回复"继续"。
注意事项：
Step 6: 颜色分配
6种颜色按顺序固定分配：
| 序号 | 颜色类 | HEX值 | 用途 |
|---|---|---|---|
| 01 | bg-01 | #2196F3 | 第1个品牌 |
| 02 | bg-02 | #FF5722 | 第2个品牌 |
| 03 | bg-03 | #FFC107 | 第3个品牌 |
| 04 | bg-04 | #0D47A1 | 第4个品牌 |
| 05 | bg-05 | #607D8B | 第5个品牌 |
| 06 | bg-06 | #E91E63 | 第6个品牌 |
Step 7: 模板渲染
使用 templates/brand_catalog.html 模板：
| 变量 | 说明 |
|---|---|
{{sectionTitle}} | 部分标题（如：第八部分：品牌案例拆解与学习） |
{{subtitle}} | 副标题（如：品牌案例拆解目录） |
{{logoPath}} | logo路径：../assets/logo.png |
{{brand1.imagePath}} | 图片路径：../assets/brands/xxx.png |
{{brand1.name}} | 品牌名：SPOT |
{{brand1.number}} | 序号：01 |
{{brand1.cnDesc}} | 中文介绍：户外运动装备（5-10字，右对齐显示） |
Step 8: 输出
✅ slides/30_brand_catalog.html
品牌顺序（按文件名排序）：
01 - SPOT
02 - BIG AGNES
03 - BIOLITE
04 - FRONT RUNNER
05 - HELINOX
06 - RUMPL
Step 1: 检查图片文件
生成前必须检查 assets/brand_details/ 目录：
需要3张品牌图片：
- {品牌名}_product.png # 产品图 450×300px
- {品牌名}_logo.png # 品牌Logo 510×350px
- {品牌名}_traffic.png # 流量分布图 ~500×350px
如果图片缺失：
⚠️ 检测到以下图片缺失：
- assets/brand_details/{品牌名}_product.png
- assets/brand_details/{品牌名}_logo.png
- assets/brand_details/{品牌名}_traffic.png
请先上传图片，格式要求：
- 产品图：450px × 300px（宽×高），PNG格式，透明底
- 品牌Logo：510px × 350px（宽×高），PNG格式，透明底
- 流量分布图：约500px × 350px，PNG/JPG格式
- 存放位置：assets/brand_details/
- 文件命名：{品牌名}_product.png、{品牌名}_logo.png、{品牌名}_traffic.png
- 命名规则：小写字母，单词间用下划线分隔
上传完成后回复"继续"。
| 图片类型 | 宽度 | 高度 | 格式 | 命名规则 |
|---|---|---|---|---|
| 产品图 | 450px | 300px | PNG（透明底） | {品牌名}_product.png |
| 品牌Logo | 510px | 350px | PNG（透明底） | {品牌名}_logo.png |
| 流量分布图 | ~500px | ~350px | PNG/JPG | {品牌名}_traffic.png |
| 存放位置 | assets/brand_details/ |
方式一：Markdown 文件（推荐）
用户上传 Markdown 文件到 data/ 目录，格式如下：
方式二：对话中直接提供
用户在对话中直接提供品牌信息数据。
# 品牌详情：SPOT
品牌序号：01
## 品牌背景与定位
- 基本信息：创立于2007年，美国路易斯安那州，母公司 Globalstar（2023年营收 1.24亿美元）
- 用户画像：核心用户：重度户外运动玩家、极地探险者、野外科研工作者
- 品牌使命："无论身处何处，卫星通信技术始终保障您的生命安全"
- 竞争优势：全球卫星网络覆盖、专业级SOS救援服务、军工级产品品质
## 爆款产品
- 产品名称：SPOT X 卫星通讯仪
- 产品价格：$249.99 USD
- 产品特点（7条，每条40-60字）：
1. 内置 QWERTY 全键盘，支持独立发送短信和邮件，无需依赖手机即可完成通讯
2. 24/7 全球 SOS 求救响应服务，一键触发紧急救援，覆盖全球无盲区
3. IP67 级军工标准防尘防水，可在极端天气和恶劣环境下稳定工作
4. 蓝牙连接智能手机 App，实现位置追踪、消息同步和设备远程控制
5. 超长续航设计，单次充电可连续使用长达 10 天，适合长途户外探险
6. 支持 GPS/GLONASS 双模定位，定位精度可达 2.5 米，实时轨迹记录
7. 轻量化机身设计，整机仅重 198g，便于携带，不增加户外负重负担
## 流量来源分布
| 来源 | 占比 |
|-----|-----|
| Direct | 65 |
| Search | 48 |
| Social | 15 |
| Referrals | 12 |
| Mail | 8 |
## 核心运营指标
| 指标 | 数值 |
|-----|-----|
| 日均活跃用户 | 10.6K |
| 平均停留时长 | 02:45 |
| 人均访问页面 | 3.54 |
| 用户跳出率 | 45% |
## 图片文件
- 产品图：spot_product.png
- 品牌Logo：spot_logo.png
- 流量分布图：spot_traffic.png
Step 2: Logo检查与复制
assets/logo.png 存在Step 3: 读取数据
Step 4: 数据验证
必需字段：
品牌名称 品牌序号基本信息 用户画像 品牌使命 竞争优势产品名称 产品价格 产品特点（7条）流量来源（5个）KPI指标（4个）Step 5: 模板渲染
使用 templates/brand_detail.html 模板：
| 变量 | 说明 |
|---|---|
{{brandNumber}} | 品牌序号：01 |
{{brandName}} | 品牌名称：SPOT |
{{logoPath}} | 页面Logo：../assets/logo.png |
{{basicInfo}} | 基本信息 |
{{userProfile}} | 用户画像 |
{{brandMission}} | 品牌使命 |
{{competitiveAdvantage}} | 竞争优势 |
{{productImagePath}} | 产品图路径：../assets/brand_details/{品牌名}_product.png |
{{brandLogoPath}} | 品牌Logo路径：../assets/brand_details/{品牌名}_logo.png |
{{trafficImagePath}} | 流量分布图路径：../assets/brand_details/{品牌名}_traffic.png |
{{productName}} | 产品名称（蓝色显示） |
{{productPrice}} | 产品价格（黑色显示） |
{{feature1}} ~ {{feature7}} | 产品特点（7条） |
{{kpi.dau}} | 日均活跃用户 |
{{kpi.duration}} | 平均停留时长 |
{{kpi.pages}} | 人均访问页面 |
{{kpi.bounceRate}} | 用户跳出率 |
Step 6: 输出
✅ slides/31_brand_detail.html
品牌：SPOT（No.01）
产品：SPOT X 卫星通讯仪
+-------------------------------------------+
| 标题栏 |
+-------------------------------------------+
| 用户定位 | 用户需求 | 用户画像 |
| （图片） | （4个文本块） | （双图） |
+-------------------------------------------+
| 流量模型 | 基石流量 | 外链分析 |
| （图片） | （表格+文字） | （双图+） |
+-------------------------------------------+
布局特点：3×2 Grid，第一行400px固定高度，间隙25px，第二行弹性填充。
Step 1: 检查图片文件
生成前必须检查 assets/brand_analysis/ 目录：
需要6张图片：
- {品牌名}_user_position.png # 用户定位图 ~400×300px
- {品牌名}_persona_1.png # 用户画像1 ~400×300px
- {品牌名}_persona_2.png # 用户画像2 ~400×300px
- {品牌名}_flow_model.png # 流量模型图 ~400×300px
- {品牌名}_backlink_pie.png # 外链饼图 ~250×200px
- {品牌名}_backlink_bar.png # 外链柱状图 ~350×200px
注意：SEO关键词表格使用HTML表格渲染，不需要图片。
如果图片缺失：
⚠️ 检测到以下图片缺失：
- assets/brand_analysis/{品牌名}_user_position.png
- assets/brand_analysis/{品牌名}_persona_1.png
- ...
请先上传图片，格式要求：
- 用户定位图：约400px × 300px（宽×高）
- 用户画像图：约400px × 300px（宽×高）
- 流量模型图：约400px × 300px（宽×高）
- 外链饼图：约250px × 200px（宽×高）
- 外链柱状图：约350px × 200px（宽×高）
- 格式：PNG（推荐透明底）
- 存放位置：assets/brand_analysis/
- 文件命名：{品牌名}_{类型}.png
上传完成后回复"继续"。
| 图片类型 | 宽度 | 高度 | 格式 | 命名规则 |
|---|---|---|---|---|
| 用户定位图 | ~400px | ~300px | PNG | {品牌名}_user_position.png |
| 用户画像1 | ~400px | ~300px | PNG | {品牌名}_persona_1.png |
| 用户画像2 | ~400px | ~300px | PNG | {品牌名}_persona_2.png |
| 流量模型图 | ~400px | ~300px | PNG | {品牌名}_flow_model.png |
| 外链饼图 | ~250px | ~200px | PNG | {品牌名}_backlink_pie.png |
| 外链柱状图 | ~350px | ~200px | PNG | {品牌名}_backlink_bar.png |
| 存放位置 | assets/brand_analysis/ |
JSON 文件格式
用户上传 JSON 文件到 data/ 目录，格式如下：
{
"brandNumber": "01",
"brandName": "CHEWY",
"logoPath": "../assets/logo.png",
"userPositionImagePath": "../assets/brand_analysis/chewy_user_position.png",
"userNeeds": {
"coreNeeds": "一站式购物体验、价格实惠、可靠配送...",
"scenarios": "日常采购、定期补货（订阅服务）、紧急购买...",
"decisionFactors": "价格优惠（订阅折扣35%）、配送速度...",
"channels": "官网购买、移动APP、Autoship订阅服务..."
},
"personaImage1Path": "../assets/brand_analysis/chewy_persona_1.png",
"personaImage2Path": "../assets/brand_analysis/chewy_persona_2.png",
"flowModelImagePath": "../assets/brand_analysis/chewy_flow_model.png",
"seoTraffic": {
"text": "品牌<strong>基石流量</strong>主要来自SEO自然搜索，关键词集中在...",
"keywords": [
{"rank": 1, "keyword": "dog food", "type": "狗粮", "traffic": "33,480"},
{"rank": 2, "keyword": "cat tree", "type": "猫爬架", "traffic": "22,444"}
]
},
"backlinkTypes": "1. 宠物福利与领养网站；2. 宠物网站与宠物产品电商...",
"backlinkKeywords": "宠物知识介绍与产品测评、宠物虫病防治...",
"backlinkPieImagePath": "../assets/brand_analysis/chewy_backlink_pie.png",
"backlinkBarImagePath": "../assets/brand_analysis/chewy_backlink_bar.png"
}
Step 2: Logo检查与复制
assets/logo.png 存在Step 3: 读取数据
data/brand_{品牌名}_analysis.json 文件Step 4: 数据验证
必需字段：
brandNumber brandName logoPathuserPositionImagePath - 用户定位图片路径userNeeds - 用户需求（4个文本块：核心诉求、使用场景、决策因素、购买渠道）personaImage1Path personaImage2Path - 用户画像图片路径flowModelImagePath - 流量模型图片路径seoTraffic - 基石流量（text + keywords数组）backlinkTypes - 外链类型文字backlinkKeywords - 外链关键词文字backlinkPieImagePath - 外链饼图路径backlinkBarImagePath - 外链柱状图路径Step 5: 模板渲染
使用 templates/brand_analysis.html 模板，页面包含6个卡片：
| 卡片 | 位置 | 内容类型 | 说明 |
|---|---|---|---|
| 用户定位 | 左上 | 图片 | 用户定位图 |
| 用户需求 | 中上 | 文字 | 核心诉求、使用场景、决策因素、购买渠道（4个文本块） |
| 用户画像 | 右上 | 双图并列 | 2张用户画像图 |
| 流量模型 | 左下 | 图片 | 流量模型图 |
| 基石流量 | 中下 | 文字+HTML表格 | SEO关键词分析（用表格渲染keywords数组） |
| 外链分析 | 右下 | 文字+饼图+柱状图 | 外链类型文字+饼图+关键词文字+柱状图 |
模板变量映射：
| 模板变量 | 数据来源 | 说明 |
|---|---|---|
{{brandNumber}} | brandNumber | 品牌序号 |
{{brandName}} | brandName | 品牌名称 |
{{logoPath}} | logoPath | Logo路径 |
{{userPositionImagePath}} | userPositionImagePath | 用户定位图 |
{{userNeeds.coreNeeds}} | userNeeds.coreNeeds | 核心诉求 |
{{userNeeds.scenarios}} | userNeeds.scenarios | 使用场景 |
{{userNeeds.decisionFactors}} | userNeeds.decisionFactors | 决策因素 |
{{userNeeds.channels}} | userNeeds.channels | 购买渠道 |
{{personaImage1Path}} | personaImage1Path | 用户画像1 |
{{personaImage2Path}} | personaImage2Path | 用户画像2 |
{{flowModelImagePath}} | flowModelImagePath | 流量模型图 |
{{{seoTraffic.text}}} | seoTraffic.text | SEO说明文字（HTML） |
{{#each seoTraffic.keywords}} | seoTraffic.keywords | 关键词数组 |
{{backlinkTypes}} | backlinkTypes | 外链类型文字 |
{{backlinkKeywords}} | backlinkKeywords | 外链关键词 |
{{backlinkPieImagePath}} | backlinkPieImagePath | 饼图路径 |
{{backlinkBarImagePath}} | backlinkBarImagePath | 柱状图路径 |
Step 6: 输出
✅ slides/32_brand_analysis_01.html（品牌1）
✅ slides/35_brand_analysis_02.html（品牌2）
...
+-------------------------------------------+
| 标题栏 |
+-------------------------------------------+
| 左列(1.08fr) | 右列(0.92fr) |
| KOL合作数量 | 活动一 |
| （左图右文） | （左文右图） |
+----------------------+--------------------+
| 官方社媒风格展示 | 活动二 |
| （3张图并排，大图） | （左文右图） |
+----------------------+--------------------+
| | 活动三 |
| | （左文右图） |
+-------------------------------------------+
布局特点：
Step 1: 检查图片文件
生成前必须检查 assets/brand_social/ 目录：
需要7张图片：
- {品牌名}_kol_chart.png # KOL合作数据图 ~400×300px
- {品牌名}_style_1.png # 社媒风格展示1 ~300×250px
- {品牌名}_style_2.png # 社媒风格展示2 ~300×250px
- {品牌名}_style_3.png # 社媒风格展示3 ~300×250px
- {品牌名}_activity_1.png # 活动一图片 ~350×300px
- {品牌名}_activity_2.png # 活动二图片 ~350×300px
- {品牌名}_activity_3.png # 活动三图片 ~350×300px
如果图片缺失：
⚠️ 检测到以下图片缺失：
- assets/brand_social/{品牌名}_kol_chart.png
- assets/brand_social/{品牌名}_style_1.png
- assets/brand_social/{品牌名}_style_2.png
- assets/brand_social/{品牌名}_style_3.png
- assets/brand_social/{品牌名}_activity_1.png
- assets/brand_social/{品牌名}_activity_2.png
- assets/brand_social/{品牌名}_activity_3.png
请先上传图片，格式要求：
- KOL数据图：约400px × 300px（宽×高）
- 社媒风格图：约300px × 250px（宽×高）
- 活动图片：约350px × 300px（宽×高）
- 格式：PNG（推荐透明底）
- 存放位置：assets/brand_social/
- 文件命名：{品牌名}_{类型}.png
上传完成后回复"继续"。
| 图片类型 | 宽度 | 高度 | 格式 | 命名规则 |
|---|---|---|---|---|
| KOL数据图 | ~400px | ~300px | PNG | {品牌名}_kol_chart.png |
| 社媒风格1 | ~300px | ~250px | PNG | {品牌名}_style_1.png |
| 社媒风格2 | ~300px | ~250px | PNG | {品牌名}_style_2.png |
| 社媒风格3 | ~300px | ~250px | PNG | {品牌名}_style_3.png |
| 活动一 | ~350px | ~300px | PNG | {品牌名}_activity_1.png |
| 活动二 | ~350px | ~300px | PNG | {品牌名}_activity_2.png |
| 活动三 | ~350px | ~300px | PNG | {品牌名}_activity_3.png |
| 存放位置 | assets/brand_social/ |
JSON 文件格式
用户上传 JSON 文件到 data/ 目录，格式如下：
{
"brandNumber": "01",
"brandName": "CHEWY",
"logoPath": "../assets/logo.png",
"kolStats": {
"summary": "Chewy在3个社媒渠道的合作数据中，<strong>Instagram的合作数量最多</strong>，发帖量也最多，INS人均发帖达到1.66篇。数据统计最近1年活跃数据，包含所有KOL和KOC。",
"imagePath": "../assets/brand_social/chewy_kol_chart.png",
"points": [
"合作重心明显集中在 Instagram",
"短视频平台参与度有增长空间",
"整体达人协作更偏长期稳定运营"
]
},
"socialStyle": {
"items": [
{"title": "宠物知识介绍", "imagePath": "../assets/brand_social/chewy_style_1.png"},
{"title": "结合可爱宠物图片宣传品牌", "imagePath": "../assets/brand_social/chewy_style_2.png"},
{"title": "宠物福祉宣传", "imagePath": "../assets/brand_social/chewy_style_3.png"}
]
},
"activity1": {
"title": "动物画像赠送 Pet Portraits",
"description": "在一些如品牌周年、节假日、顾客生日等KEM或在诸如顾客退货后的特殊情况下，品牌会为部分被选中的顾客提供宠物照片的艺术画像，以增强用户情感连接与品牌记忆点。",
"imagePath": "../assets/brand_social/chewy_activity_1.png"
},
"activity2": {
"title": "动物福利特色网页 GIVES BACK",
"description": "在官网首页导航栏可参与"GIVES BACK"活动。用户可为自己选择的动物救助机构购买所需物品，也可直接进入领养路径，体现品牌的公益导向与社会责任感。",
"imagePath": "../assets/brand_social/chewy_activity_2.png"
},
"activity3": {
"title": "官方博客 be chewy",
"description": "官方博客覆盖宠物饲养注意事项、宠物用品介绍、动物福利议题与宠物知识等内容，共分为宠物品种、新手事项、宠物健康、宠物居家等多个板块，形成持续内容运营阵地。",
"imagePath": "../assets/brand_social/chewy_activity_3.png"
}
}
Step 2: Logo检查与复制
assets/logo.png 存在Step 3: 读取数据
data/brand_{品牌名}_social.json 文件Step 4: 数据验证
必需字段：
brandNumber brandName logoPathkolStats - KOL合作数据（summary + imagePath + points可选）socialStyle.items - 社媒风格展示（3张图片）activity1/2/3 - 三个活动（各含title + description + imagePath）Step 5: 模板渲染
使用 templates/brand_social.html 模板，页面包含5个卡片：
| 位置 | 卡片 | 内容类型 | 说明 |
|---|---|---|---|
| 左上(45%) | KOL合作数量 | 左图右文 | KOL数据图 + 文字说明 + 可选要点列表 |
| 左下(55%) | 官方社媒风格展示 | 3张图并排 | 产品推荐/应用场景/救援活动（页面焦点） |
| 右上 | 活动一 | 左文右图 | 营销活动1 |
| 右中 | 活动二 | 左文右图 | 营销活动2 |
| 右下 | 活动三 | 左文右图 | 营销活动3 |
模板变量映射：
| 模板变量 | 数据来源 | 说明 |
|---|---|---|
{{brandNumber}} | brandNumber | 品牌序号 |
{{brandName}} | brandName | 品牌名称 |
{{logoPath}} | logoPath | Logo路径 |
{{kolStats.imagePath}} | kolStats.imagePath | KOL数据图 |
{{{kolStats.summary}}} | kolStats.summary | KOL总结文字（HTML） |
{{#each kolStats.points}} | kolStats.points | 要点列表（可选） |
{{#each socialStyle.items}} | socialStyle.items | 风格展示数组 |
{{imagePath}} | socialStyle.items[].imagePath | 风格图片路径 |
{{title}} | socialStyle.items[].title | 风格图片标题 |
{{activity1.title}} | activity1.title | 活动一标题 |
{{{activity1.description}}} | activity1.description | 活动一描述（HTML） |
{{activity1.imagePath}} | activity1.imagePath | 活动一图片 |
{{activity2.*}} | activity2.* | 活动二同上 |
{{activity3.*}} | activity3.* | 活动三同上 |
Step 6: 输出
✅ slides/33_brand_social_01.html（品牌1）
✅ slides/36_brand_social_02.html（品牌2）
...
自由文本格式（AI自动解析和扩展）
用户可提供：
Step 1: Logo检查与复制
assets/logo.png 存在Step 2: 文本分析
Step 3: 主题提取/生成
AI自动提取或生成12个主题卡片：
| 卡片编号 | 建议主题方向 |
|---|---|
| 01-02 | 行业定义、发展历程 |
| 03-04 | 市场规模、区域分布 |
| 05-06 | 产品分布、重点产品 |
| 07-08 | 驱动因素、限制因素 |
| 09-10 | 热点趋势、竞争格局 |
| 11-12 | 品牌关注、用户关注 |
Step 4: 内容扩展
<strong> 标签加粗Step 5: 颜色分配
6种颜色主题循环分配：
| 主题色 | 卡片编号 |
|---|---|
| blue | 01, 07 |
| orange | 02, 08 |
| yellow | 03, 09 |
| gold | 04, 10 |
| red | 05, 11 |
| cyan | 06, 12 |
Step 6: 批量输出
slides/49_industry_conclusion_1.html（卡片1-6）slides/50_industry_conclusion_2.html（卡片7-12）minto-slides/
├── .claude-plugin/
│ └── plugin.json
├── skills/
│ └── minto-slides/
│ └── SKILL.md
├── templates/
│ ├── scatter_chart.html
│ ├── user_profile.html
│ ├── brand_catalog.html # 第30页品牌目录模板
│ ├── brand_detail.html # 第31页品牌详情模板
│ ├── brand_analysis.html # 第32页品牌分析模板
│ ├── brand_social.html # 第33页社媒营销模板
│ └── industry_conclusion.html
├── assets/
│ └── logo.png # 默认Logo
├── examples/
│ ├── example_scatter.json
│ ├── example_conclusion.txt
│ ├── example_brand_detail.md
│ ├── example_brand_analysis.json
│ └── example_brand_social.json
└── README.md
所有图片容器必须使用透明背景，避免图片白底与容器灰色背景不匹配：
.image-box {
background: transparent; /* 不使用 #f8f9fa */
}
适用模板：
brand_detail.html - .logo-box, .product-image-box, .traffic-image-boxbrand_analysis.html - .image-boxbrand_social.html - .image-box, .style-item问题：卡片内容可能超出1920×1080视口范围
解决方案：
1fr 全弹性）：.main-content {
grid-template-rows: 400px 25px 1fr; /* 固定+间隙+弹性 */
}
.container {
min-height: 0; /* 关键！允许flex子项收缩 */
overflow: hidden; /* 防止内容溢出 */
}
.image-box img {
max-width: 100%;
max-height: 100%;
object-fit: contain; /* 保持比例，不裁剪 */
}
| 位置 | 路径格式 |
|---|---|
| HTML文件 | slides/xx_page.html |
| Logo | ../assets/logo.png |
| 品牌详情图 | ../assets/brand_details/{品牌名}_{类型}.png |
| 品牌分析图 | ../assets/brand_analysis/{品牌名}_{类型}.png |
| 社媒营销图 | ../assets/brand_social/{品牌名}_{类型}.png |
重要：为确保打印/截图时内容不溢出，生成内容时必须严格遵守以下字符限制。
| 内容区域 | 字符限制 | 行数限制 | 其他限制 | 示例 |
|---|---|---|---|---|
| 品牌使命/亮点 | ≤40字 | 2行 | - | "通过运动点燃人类精神，帮助实现更大梦想" |
| 产品亮点说明 | ≤50字 | 2行 | - | "代表ON RUNNING核心竞争力：CloudTec缓震技术 + 超轻量化设计" |
| 产品卖点 | ≤30字/条 | 1行 | 5条 | "CloudTec缓震鞋底：独家缓震技术，软弹脚感" |
| 品牌优势标签 | ≤8字/个 | - | 4个 | "CloudTec缓震"、"超轻量设计" |
| 产品线标签 | ≤12字/个 | - | 6个 | "Cloud系列"、"Cloudflyer" |
| 销售渠道标签 | ≤8字/个 | - | 4个 | "官网"、"线下门店" |
| 内容区域 | 字符限制 | 行数限制 | 其他限制 | 示例 |
|---|---|---|---|---|
| 核心用户描述 | ≤50字 | 2行 | - | "25-45岁跑步爱好者，追求轻量化和专业缓震" |
| 用户需求项 | ≤25字/项 | 1行 | 4项 | "轻量化跑鞋，软弹脚感，缓震性能" |
| SEO关键词 | - | - | 3行 | 表格形式展示 |
| 外链分析文字 | ≤50字 | 2行 | - | "主要来自马拉松网站、股票网站、时尚杂志" |
| 内容区域 | 字符限制 | 行数限制 | 其他限制 | 示例 |
|---|---|---|---|---|
| KOL总结 | ≤60字 | 2-3行 | - | "Instagram合作数量最多，INS人均发帖2.18篇" |
| KOL要点 | ≤15字/条 | 1行 | 3条 | "合作重心集中在Instagram平台" |
| KOL数据标签 | ≤12字/个 | - | 3个 | "2.18篇 INS人均发帖" |
| 活动标题 | ≤20字 | 1行 | - | "投资者页面 Investors" |
| 活动描述 | ≤80字 | 3-4行 | - | 分2段，每段≤40字 |
| 活动标签 | ≤8字/个 | - | 2-3个 | "财务信息"、"ESG报告" |
/* 文字容器溢出防护 */
.brand-highlight-new {
max-height: 4.5em; /* 允许3行 */
overflow: hidden;
}
.summary-box.note {
max-height: 4.5em; /* 允许3行 */
overflow: hidden;
}
.card-body {
overflow: hidden; /* 防止内容溢出卡片 */
}
../assets/ 相对路径场景：30页品牌目录只有少于6个品牌
| 品牌数量 | 处理方式 |
|---|---|
| 1-2个 | 正常生成，宫格空位显示"待添加"占位符 |
| 3-5个 | 正常生成，空位显示占位符 |
| 6个 | 完整布局，无占位符 |
| >6个 | 只取前6个，其余忽略（并在输出中提示） |
31-48页处理：按实际品牌数量生成，不足6组时只生成相应页数
检测到图片缺失时：
1. 立即停止生成
2. 输出缺失清单（文件名 + 尺寸要求）
3. 提示用户上传后回复"继续"
4. 等待用户确认后再继续
| 情况 | 处理方式 |
|---|---|
| 尺寸略小 | 正常使用，CSS会自动适应 |
| 尺寸过大 | 正常使用，CSS会自动缩放 |
| 比例异常 | 提醒用户，但仍然使用（可能显示效果不佳） |
| 格式错误 | 拒绝使用，提示需要PNG/JPG格式 |
// 常见错误示例
{
"brandNumber": 1, // ❌ 应为字符串 "01"
"seoTraffic": {
"keywords": [
{"rank": 1, "keyword": "xxx"} // ❌ 缺少 type 和 traffic 字段
]
}
}
错误处理：
如果JSON中缺少某个可选字段：
kolStats.points - 可选，缺失时不显示要点列表