specs-components

组件提取：从 demo 页面与 DESIGN.md 设计令牌中，把可复用的视觉单元归类为"规范组件"，产出平台无关的组件清单 COMPONENTS.md 与跨端映射表 component-map-rule.md，均写入 docs/specs/design/。

提取只归类、不翻译——本 skill 不写任何目标端组件代码；平台差异全部收在映射表里，由下游 do-page 查表消费。

核心逻辑

把 HTML 视觉单元"归类成封闭 taxonomy 中的规范组件 + 记录语义（变体/状态/数据/行为/token 引用）"。不翻译、不写平台代码、不做页面级交互。两条不变量：

• 封闭 taxonomy：基础组件名必须落进映射表（component-map-rule.md）能枚举的集合；提取到新的领域组件时走"登记进映射表"通道，不现场发明基础组件名。
• 平台知识只住映射表：COMPONENTS.md 只写规范组件名 + DESIGN.md token 引用，不出现任何端组件名（el-button / SwiftUI / ElevatedButton 一律不写）。

前置依赖（先检查，缺失就停）

• 必须存在：docs/product/demo/（≥1 个页面 HTML）、docs/specs/design/DESIGN.md（设计令牌，specs-design 产物）。
• 共享样式来源：docs/product/demo/ 下的独立 CSS 文件（css/style.css 或与页面同级，Glob 定位）；若无独立 CSS 文件，样式内联在各页面 <style> 中（按内联提取共享类）。
• 建议存在：docs/standards/tech-stack-rule.md（目标端/框架，用于"适配要点"标注）、docs/product/sense.md（领域组件语义参考）。
• 缺失必选项时，提示先运行 demo + specs-design，结束。