screenshot-to-prototype
Installation
SKILL.md
Screenshot To Prototype
用本地截图还原可运行原型。先完成固定 viewport 下的 1:1 绝对定位视觉稿,再转换为 React;效果优先,评审信息集中在主规格,正文使用中文并保持简洁。
适用范围
- 只处理用户明确要求还原的本地截图或设计稿。普通图片素材、风格参考、URL 克隆和主题提取不触发本技能。
- 获取源图本地路径;聊天附件先落到本地。源图本身就是视觉依据,不再额外要求选择主题或创建设计规范。
- 需要生成、编辑或派生位图素材时,使用
ui-image-generation;工具选择、配置读取和回退规则全部遵循该技能。截图还原只补充本地源图、bbox、裁切、修复和素材分流约束。 - 所有素材提取、修复、高清化、设计分析都必须把用户本地图片路径作为参考图传入,不能只用文字描述生成素材。
- 截图优先使用 Axhub Preview MCP 的
preview_capture;只有内置截图不支持当前内容时才换用现有浏览器截图能力。