用途：用 HTML/CSS 制作视觉规整的幻灯片演示，可自建幻灯片系统或使用 reveal.js。
主要能力：提供标题、内容、双栏对比、引用、数据/统计、图文等版式；以固定 1280x720 的 16:9 画布统一定尺寸并按屏幕缩放；给出演示专用字号（标题 3-4.5rem、正文 1.25-1.5rem 等）；支持 CSS 柱状图与环形图、幻灯片切换与条目渐进显示、数字累加动画；支持每页讲者备注、深链、页码与品牌色变量；附验证与导出流程。
使用方式：先读 .agents/design-context.md 获取品牌色与字体，映射到 --slide-* 与 --brand-* 变量；明确受众、目的、篇幅与放映方式；图片可用图像生成技能按 --aspect-ratio 16:9 生成。每页只表达一个观点，分标题、支撑内容与视觉锚点。自定义系统用键盘方向键/空格翻页，按 N 显示备注；reveal.js 从 CDN 引入并用 CSS 变量定制，按 S 打开演讲者视图。导出 PDF 时自定义系统加 @media print 与 @page 规则后用 page.pdf；reveal.js 先加 ?print-pdf。截图验证用 Playwright 循环 #1…#N 截图并逐页检查溢出、边距与配色。
限制与检查：文字对品牌色和图片背景需达 4.5:1 对比度（≥24px 文字 3:1）；柱状图等标记对背景需 3:1；多系列数据应改用图表库；动画需兼容 prefers-reduced-motion；以生成数字做动画时要留空元素并加 aria-label。具体品牌变量名、价格与平台支持等信息暂未提供。