用途：该技能是一个前端构建工作流，输入 web/_design/，输出 web/index.html、web/styles/.css、web/scripts/main.js，以无构建工具的静态文件形式运行。
主要能力：构建入口 HTML 结构（含 summary、analysis、scenarios、monitoring、appendix 等 section）；用 CSS 自定义属性实现基于设计令牌的设计系统（深色/浅色主题变量）；编写组件样式（指标卡、摘要卡、图表容器、场景卡、时间线等）；实现响应式布局（移动优先、断点 768/1280）；编写 Vanilla JS 交互，包括主题切换、基于 IntersectionObserver 的滚动导航激活、图表懒初始化与数据注入。
使用方式：按 workflow 分步生成 index.html、main.css、components.css、responsive.css、main.js、data-loader.js；数据从 ./_design/data.json 获取并注入 DOM；ESM 模块与 CDN 库直接加载，不经过打包。
适用场景：需要生成无需构建步骤的静态 HTML/CSS/JS 报告或展示页面，并需要深色/浅色模式、响应式与滚动导航时使用。
限制：资料未提供具体依赖库、图表实现细节、浏览器兼容范围与性能指标，也未提供收费、平台或效果相关说明。后续执行时应保留既有 HTML/CSS/JS，仅修改变更部分。