用途：提供构建生产级 HTML/CSS 原型的通用实现方法论，产出含语义化 CSS 自定义属性（token）、BEM 命名组件、移动优先响应式、无障碍标记以及可选三态暗色模式的成品。
主要能力：规定文件结构（index.html 等页面、css/variables.css、styles.css、mobile-nav.css，js/theme.js、mobile-menu.js，media/images）与构建顺序；BEM 命名规则（块、元素用 __、修饰符用 --，不嵌套多级）；语义化 token 替代硬编码颜色、间距与字号；可选暗色模式采用 html 上的 .dark 类配合 JS 切换，禁用 prefers-color-scheme 媒体查询；移动优先断点 640/768/1024/1440px；排版、80/20 配色、间距与阴影系统；Lucide 内联 SVG 图标；无障碍（语义标签、alt、4.5:1 对比度、焦点样式、跳转链接、表单标签、aria-expanded）；性能（懒加载、preconnect、CSS 控制在 50KB 内、仅原生 JS）。
使用方式：按构建顺序先写变量与图标，再写组件样式与导航，最后写页面；JS 可从 assets 模板导入；完成前用质量检查清单逐项核对。
限制：暗色模式仅在需求明确时添加；避免所列“AI 生成”套路；不得使用虚构图片路径；具体组件设计需参考 web-design-patterns。资料未提供安装命令等信息。