name	jd-field-ppt-skill
description	生成京东场域专用的横向翻页 HTML PPT / 业务汇报 deck / 方案演示页 / 一页 PPT 大图 / 业务图型案例库。用于京东 APP、零售、内容生态、店铺、交易、增长、设计系统、业务复盘、产品方案、规范发布、经营看板、流程系统、飞轮、鱼骨、桑基、路线图、Dashboard、决策树等场景；当用户说“京东场域 PPT”“JD 风格 PPT”“业务汇报页”“一页讲清”“PPT 大图”“流程图”“图型 case”“把文档做成演示 deck”“生成分享封面”时触发。输出优先为单文件 HTML deck，可配套生成图片素材与封面，并必须按 JD V16 token、场域叙事、信息密度和校验清单自检。
metadata	{"short-description":"京东场域 HTML PPT 生成技能"}

JD Field PPT Skill

架构参考 guizang-ppt-skill 的“SKILL.md + assets + references + scripts”分层方式，但本 Skill 使用京东场域原创模板、JD V16 token 和业务汇报规则；不要复制外部仓库的模板代码、文案或视觉资产。

产物

默认生成一个可直接打开的单文件 HTML 横向 PPT：

项目名/
└── ppt/
    ├── index.html
    ├── fonts/        # 从 assets/fonts/ 复制，供 @font-face 相对引用
    ├── media/        # 从 assets/media/ 复制，供封面背景视频相对引用
    └── images/        # 可选，图片素材相对引用

除非用户明确要 .pptx，否则优先 HTML deck。HTML 方便 Agent 读写、浏览器验收、截图和二次迭代。

工作流

识别场域：先判断是业务复盘、产品方案、设计规范发布、增长实验、生态治理、项目路演还是汇报封面。若材料不足，只问最关键的 1-2 个问题。
读参考：按任务读取 references/：
- 不确定该用什么 deck 结构：先读 deck-structure-presets.md
- 用户要求画图 / 架构图 / 流程图 / 飞轮 / 鱼骨 / 桑基 / 路线图 / Dashboard / 决策树 / SVG / 精排 / Mermaid / PlantUML / Markdown 图表转画板：读 drawing-paths.md，并先查看 examples/ppt-big-picture-case-library/ 中的对应 case
- 用户质疑“结构不够多 / 模板太单一 / 页面类型不够”：读 html-ppt-patterns.md
- 业务 / 产品 / 设计汇报：读 jd-field-deck-system.md 和 page-patterns.md
- 调整视觉主题 / 图表色 / 状态色：读 jd-color-tokens.md
- 需要配图 / 封面：再读 image-and-cover-guidelines.md
- 收尾自检：读 quality-checklist.md
拷贝模板和资产：从 assets/template-jd-field.html 复制为目标 ppt/index.html，并把 assets/fonts/ 复制到目标 ppt/fonts/、assets/media/ 复制到目标 ppt/media/，替换标题、章节、页面内容和 data-layout。
先选路径：根据 deck-structure-presets.md 判断是用户旅程型、系统机制型、经营复盘型、方案提案型、规范发布型还是一页压缩型。
再选作图路径：若页面包含结构图、流程图、飞轮、鱼骨、桑基、路线图、Dashboard、决策树、SVG 或精排架构图，根据 drawing-paths.md 选择 A-F 路径；不要画占位图，先匹配 case library 中的典型结构再重画。
再排节奏：先写 slide plan，再填页面。多页默认 3-8 页；复杂汇报可扩展到 7-12 页；一页压缩必须控制信息密度。
选择版式：正文页优先使用 page-patterns.md 和 html-ppt-patterns.md 中登记的版式；一页 PPT 大图和图型探索优先参考 examples/ppt-big-picture-case-library/index.html。不临时发明复杂结构；连续两页不要使用完全相同 layout。
写京东场域语言：标题是结论，不是栏目名；正文短句，保留业务对象、用户动作、指标、约束。
可选配图：需要图片时，用真实业务对象、界面状态、流程图或信息图；图片必须进入模板图片槽位，避免装饰性背景图。
静态校验：运行：

node .agents/skills/jd-field-ppt-skill/scripts/validate-jd-deck.mjs path/to/ppt/index.html

P0 必须全部通过，再交付。 11. 浏览器验收：打开 HTML，检查桌面尺寸下每页无遮挡、无文字溢出、左右翻页可用。

京东场域原则

像业务工具，不像营销海报：信息密度高、可扫描、结论先行，少用大面积空泛视觉。
红色只做锚点：#ff0f23 用于关键数字、状态、页码、强调线，不铺满全屏。
V16 token 优先：色彩必须来自 jd-color-tokens.md 的 JD V16 基础色；圆角、字体、间距使用 JD V16 token 映射。不要随手引入紫蓝渐变、米色杂志风、暗蓝科技风。
字体预设：标题、关键数字、品牌强调使用 JD ZhengHei；普通正文、表格、注释使用苹方。
真实对象优先：商品、店铺、内容、交易、履约、会员、搜索、推荐、频道、设计组件等业务对象要在首屏或关键页出现。
页面要能被复述：每页只有一个主判断；页面标题读完后，听众应知道这一页要证明什么。
图型必须像图型：飞轮要有闭环推动关系，鱼骨要有主干和分骨，桑基要有流量宽度编码，路线图要有时间轴和里程碑，Dashboard 要有 KPI/趋势/异常区，决策树要有判断节点和分支。
不做嵌套卡片：页面区块可以分栏、分带、分表，不要卡片套卡片。

资源文件

jd-field-ppt-skill/
├── SKILL.md
├── agents/openai.yaml
├── assets/template-jd-field.html
├── assets/fonts/
│   ├── JDZhengHeiV2-Regular.otf
│   ├── JDZhengHeiV2-Light.otf
│   ├── JDZhengHeiV2-Bold.otf
│   └── JDZhengHeiV2-Heavy.otf
├── assets/media/
│   └── home-banner-bg.mp4
├── references/
│   ├── jd-field-deck-system.md
│   ├── deck-structure-presets.md
│   ├── drawing-paths.md
│   ├── html-ppt-patterns.md
│   ├── jd-color-tokens.md
│   ├── page-patterns.md
│   ├── image-and-cover-guidelines.md
│   └── quality-checklist.md
├── scripts/validate-jd-deck.mjs
└── examples/ppt-big-picture-case-library/
    ├── index.html
    ├── cases-basic-diagrams.html     # 飞轮 / 鱼骨 / 金字塔 / 桑基
    ├── cases-business-boards.html    # 路线图 / Dashboard / 矩阵 / 热力图
    └── cases-flow-systems.html       # 用户旅程 / 架构 / 决策树 / 闭环流程

交付格式

完成后告诉用户：

生成文件路径
使用的场域类型和页数
校验命令结果
仍需用户补充的真实数据或素材

JD Field PPT Skill

架构参考 guizang-ppt-skill 的“SKILL.md + assets + references + scripts”分层方式，但本 Skill 使用京东场域原创模板、JD V16 token 和业务汇报规则；不要复制外部仓库的模板代码、文案或视觉资产。

产物

默认生成一个可直接打开的单文件 HTML 横向 PPT：

项目名/ └── ppt/ ├── index.html ├── fonts/ # 从 assets/fonts/ 复制，供 @font-face 相对引用 ├── media/ # 从 assets/media/ 复制，供封面背景视频相对引用 └── images/ # 可选，图片素材相对引用

除非用户明确要 .pptx，否则优先 HTML deck。HTML 方便 Agent 读写、浏览器验收、截图和二次迭代。

工作流

识别场域：先判断是业务复盘、产品方案、设计规范发布、增长实验、生态治理、项目路演还是汇报封面。若材料不足，只问最关键的 1-2 个问题。

读参考：按任务读取 references/：

不确定该用什么 deck 结构：先读 deck-structure-presets.md
用户要求画图 / 架构图 / 流程图 / 飞轮 / 鱼骨 / 桑基 / 路线图 / Dashboard / 决策树 / SVG / 精排 / Mermaid / PlantUML / Markdown 图表转画板：读 drawing-paths.md，并先查看 examples/ppt-big-picture-case-library/ 中的对应 case
用户质疑“结构不够多 / 模板太单一 / 页面类型不够”：读 html-ppt-patterns.md
业务 / 产品 / 设计汇报：读 jd-field-deck-system.md 和 page-patterns.md
调整视觉主题 / 图表色 / 状态色：读 jd-color-tokens.md
需要配图 / 封面：再读 image-and-cover-guidelines.md
收尾自检：读 quality-checklist.md

拷贝模板和资产：从 assets/template-jd-field.html 复制为目标 ppt/index.html，并把 assets/fonts/ 复制到目标 ppt/fonts/、assets/media/ 复制到目标 ppt/media/，替换标题、章节、页面内容和 data-layout。

先选路径：根据 deck-structure-presets.md 判断是用户旅程型、系统机制型、经营复盘型、方案提案型、规范发布型还是一页压缩型。

再选作图路径：若页面包含结构图、流程图、飞轮、鱼骨、桑基、路线图、Dashboard、决策树、SVG 或精排架构图，根据 drawing-paths.md 选择 A-F 路径；不要画占位图，先匹配 case library 中的典型结构再重画。

再排节奏：先写 slide plan，再填页面。多页默认 3-8 页；复杂汇报可扩展到 7-12 页；一页压缩必须控制信息密度。

选择版式：正文页优先使用 page-patterns.md 和 html-ppt-patterns.md 中登记的版式；一页 PPT 大图和图型探索优先参考 examples/ppt-big-picture-case-library/index.html。不临时发明复杂结构；连续两页不要使用完全相同 layout。

写京东场域语言：标题是结论，不是栏目名；正文短句，保留业务对象、用户动作、指标、约束。

可选配图：需要图片时，用真实业务对象、界面状态、流程图或信息图；图片必须进入模板图片槽位，避免装饰性背景图。

静态校验：运行：

node .agents/skills/jd-field-ppt-skill/scripts/validate-jd-deck.mjs path/to/ppt/index.html

P0 必须全部通过，再交付。 11. 浏览器验收：打开 HTML，检查桌面尺寸下每页无遮挡、无文字溢出、左右翻页可用。

京东场域原则

像业务工具，不像营销海报：信息密度高、可扫描、结论先行，少用大面积空泛视觉。

红色只做锚点：#ff0f23 用于关键数字、状态、页码、强调线，不铺满全屏。

V16 token 优先：色彩必须来自 jd-color-tokens.md 的 JD V16 基础色；圆角、字体、间距使用 JD V16 token 映射。不要随手引入紫蓝渐变、米色杂志风、暗蓝科技风。

字体预设：标题、关键数字、品牌强调使用 JD ZhengHei；普通正文、表格、注释使用苹方。

真实对象优先：商品、店铺、内容、交易、履约、会员、搜索、推荐、频道、设计组件等业务对象要在首屏或关键页出现。

页面要能被复述：每页只有一个主判断；页面标题读完后，听众应知道这一页要证明什么。

图型必须像图型：飞轮要有闭环推动关系，鱼骨要有主干和分骨，桑基要有流量宽度编码，路线图要有时间轴和里程碑，Dashboard 要有 KPI/趋势/异常区，决策树要有判断节点和分支。

不做嵌套卡片：页面区块可以分栏、分带、分表，不要卡片套卡片。

资源文件

jd-field-ppt-skill/ ├── SKILL.md ├── agents/openai.yaml ├── assets/template-jd-field.html ├── assets/fonts/ │ ├── JDZhengHeiV2-Regular.otf │ ├── JDZhengHeiV2-Light.otf │ ├── JDZhengHeiV2-Bold.otf │ └── JDZhengHeiV2-Heavy.otf ├── assets/media/ │ └── home-banner-bg.mp4 ├── references/ │ ├── jd-field-deck-system.md │ ├── deck-structure-presets.md │ ├── drawing-paths.md │ ├── html-ppt-patterns.md │ ├── jd-color-tokens.md │ ├── page-patterns.md │ ├── image-and-cover-guidelines.md │ └── quality-checklist.md ├── scripts/validate-jd-deck.mjs └── examples/ppt-big-picture-case-library/ ├── index.html ├── cases-basic-diagrams.html # 飞轮 / 鱼骨 / 金字塔 / 桑基 ├── cases-business-boards.html # 路线图 / Dashboard / 矩阵 / 热力图 └── cases-flow-systems.html # 用户旅程 / 架构 / 决策树 / 闭环流程

交付格式

完成后告诉用户：

生成文件路径

使用的场域类型和页数

校验命令结果

仍需用户补充的真实数据或素材