用途:该技能只用于 HTML 幻灯片项目,帮助构建和修改迭代安全的 HTML 幻灯片演示文稿,兼顾视觉、动效、测试与 Web/PDF/静态交付。它不提供起始项目,也不强制 React、Vite、Tailwind、Playwright 等任何技术栈,核心是“harness 契约”:稳定帧地址、注册表、固定舞台、冻结模式、审计面、视觉检查与已验证交付。
主要能力:支持新建、导入或改造既有幻灯片;要求先对齐需求(内容计划、设计计划、项目位置、构建计划、测试计划、Context 文档计划),先检查已有事实再提问;开放式风格选择可提供 Density-Fit、Safe、Wildcard 三候选预览,并参考 https://frontend-harness-slides-workbench.vercel.app/ 的 Workbench Demo。构建时需先阅读 references 下的 01-plan、style/index、02-design、03-build、04-verify-and-ship 等参考文件。
使用方式:识别任务分支(新建、导入/素材密集、既有 deck),按参考文档进行计划、设计、构建、验证与交付;测试必须有可运行命令并覆盖渲染、帧寻址、导航、交互隔离、布局安全、运行时错误、资源/字体、构建/导出/部署等;TDD 式推进,交付现场 URL、PDF/静态导出或两者。本地服务器默认视为预览,未经授权不发布部署。
限制:不适用于非 HTML 幻灯片;不得无测试交付;不要在固定舞台内使用视口断点;不要用画布渲染整张静态幻灯片;不得把内部计划渲染到幻灯片上;不得将推断默认值当作明确需求;未提供具体安装命令、框架版本、收费信息与价格。