用途:仅在用户明确要求把本地截图、设计稿或高保真界面图还原为 Axhub Make client 可运行原型,或显式调用 $screenshot-to-prototype 时使用。仅提供图片作为素材、参考图、需求图或风格上下文时不触发;URL 克隆和主题提取也不适用。
主要能力:先获取源图本地路径(聊天附件需先落到本地),源图本身即视觉依据,不再要求选主题或建设计规范。先完成固定 viewport 下的 1:1 绝对定位视觉稿,再转换为 React,效果优先,评审信息集中在主规格。需生成、编辑或派生位图素材时使用 ui-image-generation,相关工具选择、配置读取和回退规则遵循该技能。
用法与产物:主规格位于 src/prototypes/<slug>/.spec/spec.html,还原映射位于同目录 reconstruction/reconstruction-manifest.json,成果截图位于 reconstruction/visual-check/,最终素材位于 assets/,临时数据在 .local/screenshot-to-prototype/<slug>/。截图优先使用 Axhub Preview MCP 的 preview_capture。预处理示例命令:node .agents/skills/screenshot-to-prototype/scripts/prepare-reconstruction-source.mjs --input <source.png> --output .local/screenshot-to-prototype/<slug>/source-summary.json。构建与验证映射使用 build-reconstruction-manifest.mjs 与 validate-reconstruction-manifest.mjs。
限制:不创建额外素材文档或独立视觉对比文档;Tailwind 需compile后使用独立前缀,不使用 CDN。最终 React 不引用 .local/,不把可编辑 UI 保留为整块截图。其他收费、价格或平台支持情况暂未提供。