@baimingtao/lbs-agent 1.0.0

package/extensions/skills/builtin/creative/baoyu-infographic/references/analysis-framework.md

@@ -0,0 +1,182 @@
+# 信息图内容分析框架
+
+将教学设计原则应用于信息图创作的深度分析框架。
+
+## 目的
+
+在创建信息图之前，深入分析源材料以：
+- 深入理解内容
+- 为观众明确清晰的学习目标
+- 构建信息结构以实现最大的清晰度和记忆保留
+- 将内容与最佳的 layout×style 组合相匹配
+- 逐字保留所有源数据
+
+## 教学设计思维
+
+以**世界级教学设计师**的身份进行内容分析：
+
+| 原则 | 应用 |
+| ----------- | ------------- |
+| **深入理解** | 在分析任何部分之前，阅读整个文档 |
+| **以学习者为中心** | 专注于观众需要理解的内容 |
+| **视觉叙事** | 使用视觉元素进行传达，而不仅仅是装饰 |
+| **认知负荷** | 在不失准确性的前提下简化复杂想法 |
+| **数据完整性** | 绝不更改、总结或意译源事实 |
+
+## 分析维度
+
+### 1. 内容类型分类
+
+| 类型 | 特征 | 最佳 Layout | 最佳 Style |
+| ------ | ----------------- | ------------- | ------------ |
+| **时间线/历史** | 顺序事件、日期、进展 | linear-progression | craft-handmade, aged-academia |
+| **流程/教程** | 逐步说明、操作指南 | linear-progression, winding-roadmap | ikea-manual, technical-schematic |
+| **对比** | A 对 B、优缺点、前后对比 | binary-comparison, comparison-matrix | corporate-memphis, bold-graphic |
+| **层级** | 等别、优先级、金字塔 | hierarchical-layers, tree-branching | craft-handmade, corporate-memphis |
+| **关系** | 联系、重叠、影响 | venn-diagram, hub-spoke, jigsaw | craft-handmade, subway-map |
+| **数据/指标** | 统计数据、KPI、测量结果 | dashboard, periodic-table | corporate-memphis, technical-schematic |
+| **循环/回路** | 周期性流程、反馈回路 | circular-flow | craft-handmade, technical-schematic |
+| **系统/结构** | 组件、架构、解剖结构 | structural-breakdown, bento-grid | technical-schematic, ikea-manual |
+| **旅程/叙事** | 故事、用户流、里程碑 | winding-roadmap, story-mountain | storybook-watercolor, comic-strip |
+| **概述/摘要** | 多主题、特性亮点 | bento-grid, periodic-table, dense-modules | chalkboard, bold-graphic |
+| **产品/购买指南** | 多维比较、规格、陷阱 | dense-modules | morandi-journal, pop-laboratory, retro-pop-grid |
+
+### 2. 学习目标识别
+
+每个信息图都应包含 1-3 个明确的学习目标。
+
+**优秀的学习目标**：
+- 具体且可衡量
+- 专注于观众将理解的内容，而不仅仅是看到的
+- 从观众的角度撰写
+
+**格式**：“在观看此信息图后，观众将理解……”
+
+| 内容方面 | 目标类型 |
+| ---------------- | ---------------- |
+| 核心概念 | “……什么是[主题]及其重要性” |
+| 过程 | “……如何[完成某事]” |
+| 对比 | “……[A]和[B]之间的关键区别” |
+| 关系 | “……[元素]之间如何相互关联” |
+| 数据 | “……[关键统计数据]的意义” |
+
+### 3. 受众分析
+
+| 因素 | 问题 | 影响 |
+| -------- | ----------- | -------- |
+| **知识水平** | 他们已经了解什么？ | 决定复杂性深度 |
+| **背景** | 他们为什么观看这个？ | 决定强调重点 |
+| **期望** | 他们希望学到什么？ | 决定成功标准 |
+| **视觉偏好** | 专业、活泼、技术性？ | 影响风格选择 |
+
+### 4. 复杂性评估
+
+| 级别 | 指标 | Layout 建议 |
+| ------- | ------------ | ---------------------- |
+| **简单**（3-5 点） | 主要概念少，关系清晰 | 稀疏布局，单一焦点 |
+| **中等**（6-8 点） | 多个概念，存在部分关系 | 均衡布局，分区清晰 |
+| **复杂**（9+ 点） | 概念繁多，关系错综复杂 | 密集布局，多个分区 |
+
+### 5. 视觉机会映射
+
+识别可以展示而不是讲述的内容：
+
+| 内容元素 | 视觉处理方式 |
+| ----------------- | ------------------ |
+| 数字/统计数据 | 放大、高亮的数字 |
+| 对比 | 并排、分屏 |
+| 流程 | 箭头、编号步骤、流向 |
+| 层级 | 金字塔、层次、大小差异 |
+| 关系 | 线条、连接、重叠形状 |
+| 分类 | 颜色编码、分组、分区 |
+| 时间线 | 水平/垂直进展 |
+| 引用语 | 标注框、引号 |
+
+### 6. 数据逐字提取
+
+**关键**：所有事实信息必须完全按照源文件中的原样保留。
+
+| 数据类型 | 处理规则 |
+| ----------- | --------------- |
+| **统计数据** | 完全复制：“73%” 而不是 “约 70%” |
+| **引用语** | 连同出处逐字复制 |
+| **名称** | 保留精确拼写 |
+| **日期** | 保持原始格式 |
+| **技术术语** | 不要简化或替换 |
+| **列表** | 保留顺序和措辞 |
+
+**绝不**：
+- 四舍五入数字
+- 意译引言
+- 替换为更简单的词语
+- 添加隐含信息
+- 删除影响语义的上下文
+
+## 输出格式
+
+将分析结果保存至 `analysis.md`：
+
+```yaml
+---
+title: "[主要主题标题]"
+topic: "[educational/technical/business/creative/etc.]"
+data_type: "[timeline/hierarchy/comparison/process/etc.]"
+complexity: "[simple/moderate/complex]"
+point_count: [主要点数量]
+source_language: "[检测到的语言]"
+user_language: "[用户语言]"
+---
+
+## Main Topic
+[1-2句话总结此内容的主题]
+
+## Learning Objectives
+After viewing this infographic, the viewer should understand:
+1. [主要目标]
+2. [次要目标]
+3. [第三目标（如适用）]
+
+## Target Audience
+- **Knowledge Level**: [初级/中级/专家]
+- **Context**: [他们为什么观看]
+- **Expectations**: [他们希望学到什么]
+
+## Content Type Analysis
+- **Data Structure**: [信息如何相互关联]
+- **Key Relationships**: [什么与什么相连]
+- **Visual Opportunities**: [可以展示而不是讲述的内容]
+
+## Key Data Points (Verbatim)
+[所有完全按照源文件显示的统计数据、引言和关键事实]
+- "[精确数据点 1]"
+- "[精确数据点 2]"
+- "[带出处的精确引言]"
+
+## Layout × Style Signals
+- Content type: [type] → suggests [layout]
+- Tone: [tone] → suggests [style]
+- Audience: [audience] → suggests [style]
+- Complexity: [level] → suggests [layout density]
+
+## Design Instructions (from user input)
+[从用户的引导提示中提取的任何风格、颜色、布局或视觉偏好]
+
+## Recommended Combinations
+1. **[Layout] + [Style]** (Recommended): [简要理由]
+2. **[Layout] + [Style]**: [简要理由]
+3. **[Layout] + [Style]**: [简要理由]
+```
+
+## 分析检查清单
+
+在进入结构化内容生成阶段之前：
+
+- [ ] 我是否阅读了整个源文档？
+- [ ] 我能否用 1-2 句话总结主要主题？
+- [ ] 我是否确定了 1-3 个明确的学习目标？
+- [ ] 我是否了解了目标受众？
+- [ ] 我是否正确分类了内容类型？
+- [ ] 我是否逐字提取了所有数据点？
+- [ ] 我是否识别了视觉机会？
+- [ ] 我是否从用户输入中提取了设计指令？
+- [ ] 我是否推荐了 3 种 layout×style 组合？

package/extensions/skills/builtin/creative/baoyu-infographic/references/base-prompt.md

@@ -0,0 +1,43 @@
+按照以下规范创建专业的信息图表：
+
+## 图像规范
+
+- **类型**：Infographic
+- **布局**：{{LAYOUT}}
+- **风格**：{{STYLE}}
+- **宽高比**：{{ASPECT_RATIO}}
+- **语言**：{{LANGUAGE}}
+
+## 核心原则
+
+- 严格遵循布局结构以构建信息架构
+- 全程保持一致的风格美学
+- 如果内容涉及敏感人物或受版权保护的人物，请创建风格相似的替代形象
+- 保持信息简洁，突出关键词和核心概念
+- 留出充足的留白以确保视觉清晰度
+- 保持清晰的视觉层级
+
+## 文本要求
+
+- 所有文本必须符合指定的风格处理
+- 主标题应醒目且易于阅读
+- 核心概念应在视觉上予以强调
+- 标签应清晰且大小适中
+- 所有文本内容均使用指定的语言
+
+## 布局指南
+
+{{LAYOUT_GUIDELINES}}
+
+## 风格指南
+
+{{STYLE_GUIDELINES}}
+
+---
+
+根据以下内容生成信息图表：
+
+{{CONTENT}}
+
+文本标签（使用 {{LANGUAGE}}）：
+{{TEXT_LABELS}}

package/extensions/skills/builtin/creative/baoyu-infographic/references/layouts/bento-grid.md

@@ -0,0 +1,41 @@
+# bento-grid
+
+模块化的网格布局，包含多种尺寸的单元格，就像便当盒一样。
+
+## 结构
+
+- 矩形单元格组成的网格
+- 混合单元格尺寸 (1x1, 2x1, 1x2, 2x2)
+- 无需严格的对称性
+- 用于展示核心内容的 Hero 单元格
+- 周围环绕着辅助单元格
+
+## 最适用于
+
+- 多主题概览
+- 功能亮点
+- Dashboard 汇总
+- 作品集展示
+- 混合内容类型
+
+## 视觉元素
+
+- 清晰的单元格边界
+- 多样化的单元格背景
+- 每个单元格配有图标或插图
+- 统一的 padding/margins
+- 通过尺寸构建视觉层级
+
+## 文本排版
+
+- 主标题置于顶部
+- 单元格标题位于各个单元格内
+- 每个单元格包含简短内容
+- 极简文字，最大化视觉效果
+- 突出的单元格内放置 CTA 或总结
+
+## 推荐搭配
+
+- `craft-handmade`：友好的概览（默认）
+- `corporate-memphis`：商业总结
+- `pixel-art`：复古功能网格

package/extensions/skills/builtin/creative/baoyu-infographic/references/layouts/binary-comparison.md

@@ -0,0 +1,48 @@
+# binary-comparison
+
+对两个项目、状态或概念进行并排比较。
+
+## 结构
+
+- 垂直分割线将图片一分为二
+- 左侧：项目 A / Before / Pro
+- 右侧：项目 B / After / Con
+- 采用镜像布局以便于比较
+- 两侧之间具有清晰的视觉区分
+
+## 变体
+
+| 变体 | 侧重点 | 视觉强调 |
+| --------- | ------- | ----------------- |
+| **Before-After** | 随时间的转变 | 时代变化、改进提升 |
+| **A vs B** | 功能比较 | 直接对比、差异呈现 |
+| **Pro-Con** | 优势/劣势 | 平衡的评估 |
+
+## 最适用于
+
+- Before/after 转变
+- 产品或选项比较
+- 利弊分析
+- 新旧对比
+- 对某一主题的两种视角
+
+## 视觉元素
+
+- 醒目的垂直分割线或渐变效果
+- 两侧采用对比色
+- 元素位置一一对应以便比较
+- VS 符号或分割线装饰
+- 用于 before-after 的转变箭头
+
+## 文本位置
+
+- 主标题居中置于顶部
+- 侧边标签（A/B、Before/After）
+- 对应的要点水平对齐
+- 如有需要，在底部添加总结
+
+## 推荐搭配
+
+- `corporate-memphis`：商业比较
+- `bold-graphic`：高对比度的戏剧性比较
+- `craft-handmade`：友好的讲解说明

package/extensions/skills/builtin/creative/baoyu-infographic/references/layouts/bridge.md

@@ -0,0 +1,41 @@
+# bridge
+
+连接问题与解决方案，或当前与未来状态的跨越性结构。
+
+## 结构
+
+- 左侧：当前状态/问题
+- 右侧：期望状态/解决方案
+- 跨越鸿沟的 bridge 元素
+- 代表挑战/障碍的鸿沟
+- 作为步骤/方法的 bridge 元素
+
+## 最适用场景
+
+- 从问题到解决的历程
+- 当前与未来状态对比
+- Gap 分析
+- 转型 bridge
+- 战略举措
+
+## 视觉元素
+
+- 两个截然不同的平台/侧面
+- 可见的鸿沟或深渊
+- 带有支撑结构的 bridge
+- 代表各侧的图标
+- 垫脚石或桥板
+
+## 文本布局
+
+- 顶部标题
+- 左侧标签 (From/Problem/Current)
+- 右侧标签 (To/Solution/Future)
+- bridge 元素标签
+- 下方的 gap 描述
+
+## 推荐搭配
+
+- `cartoon-hand-drawn`：亲和的历程
+- `corporate-memphis`：商业转型
+- `isometric-3d`：技术过渡

package/extensions/skills/builtin/creative/baoyu-infographic/references/layouts/circular-flow.md

@@ -0,0 +1,41 @@
+# circular-flow
+
+展示连续或循环步骤的循环过程。
+
+## 结构
+
+- 环形排列
+- 步骤环绕在圆周上
+- 箭头指示方向
+- 没有明确的起点/终点（持续循环）
+- 中心区域可放置核心概念
+
+## 最适用于
+
+- 周期性流程
+- 反馈循环
+- 生命周期阶段
+- 持续改进
+- 自然循环
+
+## 视觉元素
+
+- 圆形或环形
+- 方向箭头
+- 间距均匀的步骤节点
+- 每个步骤配有图标
+- 可选的中心元素
+
+## 文本位置
+
+- 顶部为标题
+- 每个节点处放置步骤标签
+- 节点附近放置简短说明
+- 如适用，中心放置核心概念
+- 循环名称
+
+## 推荐搭配
+
+- `cartoon-hand-drawn`：友好的循环
+- `corporate-memphis`：商业流程
+- `subway-map`：交通风格的循环

package/extensions/skills/builtin/creative/baoyu-infographic/references/layouts/comic-strip.md

@@ -0,0 +1,41 @@
+# 漫画条
+
+连续的叙事画格，用于讲述故事或解释概念。
+
+## 结构
+
+- 连续的多个画格
+- 从左到右、从上到下的阅读顺序
+- 场景中的角色或主体
+- 对话/思考气泡
+- 清晰的画格边框
+
+## 最适用场景
+
+- 故事化讲解
+- 用户旅程叙事
+- 场景插图
+- 带有上下文的步骤序列
+- 过去/进行中/之后的故事
+
+## 视觉元素
+
+- 画格边框
+- 对话和思考气泡
+- 音效（可选）
+- 带有表情的角色
+- 场景背景
+
+## 文本位置
+
+- 顶部的标题
+- 对话气泡中的对话
+- 标题框中的旁白
+- 融入画面的音效
+- 必要时的画格编号
+
+## 推荐搭配
+
+- `graphic-novel`：戏剧性叙事
+- `kawaii`：可爱的角色故事
+- `cartoon-hand-drawn`：友好的讲解

package/extensions/skills/builtin/creative/baoyu-infographic/references/layouts/comparison-matrix.md

@@ -0,0 +1,41 @@
+# 对比矩阵
+
+基于网格的多项目多因素对比。
+
+## 结构
+
+- 表格/网格布局
+- 行：被对比的项目
+- 列：对比标准
+- 单元格：评分、勾选或数值
+- 清晰标记表头行与列
+
+## 最适用场景
+
+- 产品功能对比
+- 工具/软件评估
+- 多标准决策
+- 规格表
+- 评分对比
+
+## 视觉元素
+
+- 清晰的网格线或单元格边界
+- 单元格内的勾选标记、叉号或评分
+- 用于快速浏览的颜色编码
+- 表示标准类别的图标
+- 推荐选项的高亮显示
+
+## 文本布局
+
+- 标题位于顶部
+- 项目名称位于第一列
+- 标准位于表头行
+- 单元格内放置简短数值
+- 如使用符号则需提供图例
+
+## 推荐搭配
+
+- `corporate-memphis`：商业工具对比
+- `ui-wireframe`：技术功能矩阵
+- `blueprint`：规格对比

package/extensions/skills/builtin/creative/baoyu-infographic/references/layouts/dashboard.md

@@ -0,0 +1,41 @@
+# dashboard
+
+包含图表、数字和 KPI 指标的多指标显示界面。
+
+## 结构
+
+- 多个数据小部件
+- 图表、图形、数字
+- 网格或模块化布局
+- 关键指标突出显示
+- 状态指示器
+
+## 最适用于
+
+- KPI 汇总
+- 绩效指标
+- 数据分析概览
+- 状态报告
+- 数据快照
+
+## 视觉元素
+
+- 图表类型（柱状图、折线图、饼图、仪表盘）
+- KPI 大号数字
+- 趋势箭头（上升/下降）
+- 颜色编码状态（绿色/红色）
+- 清晰的数据可视化
+
+## 文本布局
+
+- 标题置于顶部
+- 小部件标题位于各区域上方
+- 指标标签和数值
+- 清晰标注单位
+- 标明时间范围
+
+## 推荐搭配
+
+- `corporate-memphis`：商业仪表板
+- `ui-wireframe`：技术仪表板
+- `cyberpunk-neon`：未来风显示界面

package/extensions/skills/builtin/creative/baoyu-infographic/references/layouts/dense-modules.md

@@ -0,0 +1,72 @@
+# dense-modules
+
+高密度模块化布局，包含 6-7 个类型化的信息模块，填充有具体数据。
+
+## 结构
+
+- 每张图像包含 6-7 个不同模块，每个模块具有特定的信息功能
+- 每个模块包含具体数据：品牌名称、数字、百分比、参数
+- 极少的留白——紧凑的间距优先于喘息空间
+- 允许使用较小的文本字号，以最大化信息密度
+- 每个模块通过坐标标签或部分标记进行标识（例如，MOD-1、SEC-A）
+
+## 模块原型
+
+| 模块 | 目的 | 内容要求 |
+| -------- | --------- | --------------------- |
+| **品牌/选择阵列** | 带有推荐选项的网格 | 4-8 个带有图标、名称和简短描述的选项；突出“最佳选择” |
+| **规格标尺** | 质量/测量指标 | 3-5 个级别，带有精确的数值增量和质量指示符（emoji 表情、勾号） |
+| **深度解析/细节** | 关键项的技术拆解 | 放大标注、内部组件、横截面或分解图 |
+| **场景对比** | 并列的使用场景 | 3-6 个场景，每个场景带有具体的建议和数据 |
+| **识别技巧** | 操作清单 | 3-5 种检查方法：看/测/查/问格式 |
+| **警告/避坑区** | 需避免的严重错误 | 3-5 个带有后果的陷阱，1-2 种正确做法；高视觉对比度 |
+| **快速参考** | 紧凑摘要 | 密集表格、单行摘要、决策流程图或关键要点 |
+
+## 变体
+
+| 变体 | 侧重点 | 视觉强调 |
+| --------- | ------- | ----------------- |
+| **坐标标签** | 精确性与系统性 | 每个模块具有字母数字坐标（A-01、B-05、C-12）、标尺/轴线标记 |
+| **网格单元** | 秩序与结构 | 模块位于由粗线分隔的严格矩形单元格中，呈现瑞士网格风格 |
+| **自由流动** | 有机密度 | 杂志风格的排版，带有虚线框，模块大小不一，由箭头连接 |
+
+## 最适用于
+
+- 产品选择指南和购买指南
+- 多维度对比内容
+- 数据丰富的教育材料
+- “避坑” / “完全指南”格式
+- 针对具有高密度视觉要求的平台（如小红书）的内容
+
+## 视觉元素
+
+- 模块边界标记（粗线、虚线框或坐标网格）
+- 每个模块的质量指示符（emoji 表情、勾号、叉号、皇冠）
+- 带有高亮数字的数据标注框
+- 对比箭头和递进指示符
+- 用于陷阱模块的警告/警示视觉标记
+- 角落的元数据（页码、时间戳、小型条形码）
+
+## 文本排布
+
+- 主标题位于顶部，醒目且具有冲击力
+- 带有模块数量的副标题（“X大维度全面解析...”）
+- 位于彩色徽章或标记框内的模块标题
+- 正文紧凑，在模块内采用多栏排版
+- 数字以强调色高亮，字号略大于正文
+
+## 信息密度规则
+
+- 每个角落都应包含有用信息或元数据
+- 没有纯粹用于装饰的空白空间
+- 可以缩小字号以容纳更多内容——信息优先于字号大小
+- 每个模块必须有具体的数据点，而不是通用的描述
+- 平衡密度与可读性：密集但有组织
+
+## 推荐搭配
+
+- `pop-laboratory`：具备坐标标记和蓝图网格的技术精确度
+- `morandi-journal`：具备涂鸦插图和有机边框的手绘温度
+- `retro-pop-grid`：具备严格网格单元和强烈对比的 1970 年代波普艺术
+- `corporate-memphis`：适用于产品对比的简洁商务感
+- `technical-schematic`：适用于技术产品指南的工程精确度

package/extensions/skills/builtin/creative/baoyu-infographic/references/layouts/funnel.md

@@ -0,0 +1,41 @@
+# 漏斗
+
+展示转化、过滤或细化过程的收窄阶段。
+
+## 结构
+
+- 宽顶部（输入/起点）
+- 窄底部（输出/结果）
+- 代表各阶段的水平层级
+- 逐渐收窄
+- 通常为 3-6 个阶段
+
+## 最适用场景
+
+- 销售/营销漏斗
+- 转化流程
+- 过滤/筛选
+- 招聘流程
+- 决策过程
+
+## 视觉元素
+
+- 清晰的漏斗形状
+- 每个阶段使用不同颜色
+- 宽度表示数量/体量
+- 各阶段的图标或符号
+- 每个阶段的数字/百分比
+
+## 文本排布
+
+- 标题位于顶部
+- 阶段名称在内部或旁边
+- 每个阶段的指标/数字
+- 输入标签位于顶部
+- 输出标签位于底部
+
+## 推荐搭配
+
+- `corporate-memphis`：营销漏斗
+- `isometric-3d`：技术 pipeline
+- `cartoon-hand-drawn`：教学漏斗

package/extensions/skills/builtin/creative/baoyu-infographic/references/layouts/hierarchical-layers.md

@@ -0,0 +1,48 @@
+# hierarchical-layers
+
+展示重要性、影响力或亲密度层级的嵌套 layers。
+
+## 结构
+
+- 从核心到外围的多个 layers
+- 核心/顶部：最重要/最中心
+- 外层/底部：重要性递减
+- 通常为 3-7 个层级
+- 各层级之间有明确的边界
+
+## 变体
+
+| 变体 | 形状 | 视觉强调 |
+| --------- | ------- | ----------------- |
+| **Pyramid** | 三角形，垂直 | 自上而下的层级关系，数量 |
+| **Concentric** | 环状，放射状 | 由内向外的影响力，亲密度 |
+
+## 最适用场景
+
+- Maslow 需求层次理论风格的概念
+- 优先级与重要性层级
+- 影响力圈层
+- 组织架构
+- 利益相关者分析
+
+## 视觉元素
+
+- 每个层级使用独特的颜色
+- 每个层级配有图标或插图
+- 尺寸表示重要性/数量
+- 标签位于各层内部或侧面
+- 装饰性的顶点/中心元素
+
+## 文本布局
+
+- 标题位于顶部或侧面
+- 层级名称位于每个层级内部
+- 简短描述位于外部
+- 相关的数量或百分比
+- 用于说明颜色含义的图例
+
+## 推荐搭配
+
+- `craft-handmade`：趣味性分层概念
+- `corporate-memphis`：商业层级结构
+- `technical-schematic`：技术性 3D 金字塔