技能介绍

解决什么问题

这个技能面向不需要构建链的纯静态前端交付：用原生 HTML、CSS、JS（ES5）完成单页、组件或企业级多页项目，并重点处理 IE8+ 兼容、设计稿还原、响应式适配和代码审查。它适合政企内网、老旧浏览器和低维护成本场景，尤其当交付物是可直接打开的模块化静态文件，而不是 React、Vue、Angular 这类完整 SPA 架构时。

技能如何工作

任务拆分：先规划目录与任务，通常拆成 全局布局、页面模块、可复用模块，再进入编码。
设计稿还原：从 Figma 取颜色、字号、行高、间距等确定性数值，用截图校正层级与栅格；先把数值落到 docs/design-tokens.md，再写 CSS。复杂视觉按 L1 完整实现、L2 近似实现、L3 留白占位，并生成 PENDING_ASSETS.md，避免用 emoji、渐变或图标硬猜。
兼容与审查：IE8 基线会检查 const、箭头函数、事件绑定等风险，给出 ES5、attachEvent 或 polyfill 方案；代码审查覆盖规范、性能、安全、可访问性，并按严重等级输出。

适用边界与注意点

该技能不处理 Node.js 后端、数据库、SSR/SSG、框架脚手架和无关通用问答。若用户要求现代浏览器，可切换 modern 基线，但仍输出静态文件，不升级为框架工程。没有设计稿时只做结构与交互稿，不承诺 1:1 视觉还原；涉及登录、浏览器自动化或外部工具时必须先授权，失败时说明原因和可选下一步。