html-deck-pipeline-skilllisted

## 目录结构 ```text html-deck-pipeline-skill/ ├─ SKILL.md ├─ README.md ├─ examples/ │ └─ <style-id>/ │ ├─ style-contract-<style-id>.md │ └─ style-showcase-<style-id>.html ├─ references/ # 流程规范与参考文档（详见目录内） ├─ templates/ │ ├─ init_topic/ │ ├─ stage-b/ │ │ └─ B-framework-vXX.md ├─ internal-skill/ │ ├─ scrapling-web-fetch/ # 网页抓取与分析（内置） │ ├─ html-deck-to-pptx/ # PPTX 导出保底方案（Playwright 截图） │ ├─ web-style-extraction/ # 网页风格提取辅助技能 │ └─ measure-utilization/ # 页面空间利用率检测 ├─ container/ │ ├─ index.html │ ├─ slides-config.json │ ├─ serve.py │ ├─ js/ │ │ └─ deck.js │ └─ css/ │ ├─ config.yaml # 主题与字号配置 │ ├─ common/ # 共享 base.css + components.css │ ├─ fontsize/ # 字号配置（standard/high-contrast/large） │ └─ theme/ # 主题 tokens（dark-theme/dark-theme-2/light-theme/qclaw-theme） ├─ scripts/ ``` 当前阶段聚焦创建与优化，不包含安装、测试、打包或发布。 说明：凡由 `scripts/` 覆盖的任务均为必须脚本执行项；除非脚本报错，不读取脚本源码。 ## 流水线概览 六阶段流水线，不可越级、不可跳过、每阶段独立门禁： | 阶段 | 名称 | 核心产出 | |---|---|---| | A：问 | 需求问询与对齐 | 目标、受众、页数范围、风格资产、冻结快照 | | B：架 | 结构规划与版本初始化 | 总分总结构、版本号、框架文档、目录就绪 | | C：镜 | 分镜与风格应用 | 全部页面分镜稿（含完整文案、Emoji、样式标注） | | D：页 | HTML 页面生成与预览 | 分页 HTML、网站骨架构建、本地预览、自查改进 | | E：验 | 验收与发布 | 导出单文件 HTML/PPTX、用户验收、版本冻结 | | F：归 | 归档与经验总结 | 版本归档、改动清单、经验沉淀 | ## 何时启用 触发条件与典型场景请使用：`references/09-trigger-matrix.md`。 ## 强制约束 > **工具名兼容说明**：本技能中所有 `ask_questions` 均指代 Claude Code 中的 `AskUserQuestion` 工具。若目标执行平台的用户交互工具名称不同