用途：把 Stitch 界面、本地 HTML 文件或 URL 转换为语义化 HTML5 加 CSS 自定义属性，输出不依赖框架、无构建步骤，可运行于桌面浏览器、移动浏览器、iOS/Android WebView、Capacitor 与 Ionic 外壳。
主要能力：生成 tokens.css（含浅色与深色）、base.css、components.css 与最小化 main.js；按语义元素替换 div；提供移动端触控目标、安全区、底部导航与响应式断点规则；支持 Capacitor/WebView 的相对路径与 www 目录约定。
使用方式：先解析来源到 temp/source.html。Stitch 界面需 Stitch MCP 访问与已生成界面，用 list_tools 发现前缀、[prefix]:get_screen 取设计 JSON，再执行 bash scripts/fetch-stitch.sh "[htmlCode.downloadUrl]" "temp/source.html"；本地文件用 mkdir -p temp && cp "path/to/design.html" temp/source.html；URL 用 bash scripts/fetch-stitch.sh "https://example.com/page" "temp/source.html"。随后按 tokens、base、语义结构、移动优先 CSS、最小 JS 的顺序生成。
适用场景：需要“纯 HTML、无框架、到处能跑”的输出；移动应用 WebView；静态站点或 CMS 嵌入；尚未选框架的原型；为 Capacitor 原生移动封装准备 HTML 基础。
限制：截图无上传通道，需改用文本提示生成或手写 HTML 走本地文件路线；仅 Stitch 路线需要 API 密钥，本地文件与 URL 无需 Google 账号；URL 路线只下载单个 HTML 响应，外链样式表可能缺失，无法解析令牌时应说明而非编造配色；调用原生 API 超出本技能范围。