用途：根据项目设计系统（design-system.md、canvas-philosophy.md、brand-philosophy.md）生成独立 HTML 组件，并组合成单文件 HTML 页面，由 /html-page 和 /html-page-quick 调用。
主要能力：两种输出模式——组件生成（含内嵌 style、CSS 自定义属性令牌、prop/slot 元数据注释）与页面组合（共享 :root 令牌、响应式包裹、导航与页脚、单一去重 style 块）。所有视觉值来自设计令牌，禁止硬编码颜色或字体；组件需通过元数据注释（component/prop/slot/icon）保持可转换性；支持 Lucide 图标内联 SVG；遵循移动优先三断点（375、768、1200）与 CSS 优先交互；排版与空间构图强调差异化；必须满足语义化标签、标题层级、跳转链接、WCAG AA 对比度、焦点样式、reduced-motion 等可访问性要求。
必要用法：先确认项目存在 design-system.md，否则停止并建议先运行 /design-html；缺少 brand-philosophy.md 时建议 /brand-extract。图标可通过命令 node "$BRAND_CONTENT_DESIGN_DIR/scripts/html-icons.js" get|search|category|categories 获取。文件格式、响应式、字体加载、JS 模式等细节见 references/html-technical.md。
限制：不生成图片，只能使用 CSS 占位方案；禁止输出 CSS 框架或外部 JS（如 Bootstrap、Tailwind、jQuery、React 等）；禁止内联样式与非 rem/em 排版单位；不得移除或简化组件元数据注释；仅用 Google Fonts link 加载字体，且不得默认使用 Inter、Roboto、Arial。缺失事实：未提供具体安装命令、收费方式、价格或平台信息。