SuperAPI AI 工具集

import-screenshot-to-prototype

设计与创作

查看项目

更新于 10-16 01:37

技能介绍

用途:当用户提供截图或图片参考,并希望将其重建为可编辑的 OpenDesign 原型时使用该技能。

主要能力:识别截图中的布局区域、控件、字体层级、颜色角色与内容层级;将截图重建为结构清晰的 index.html,使用语义化区块与可复用 CSS token;在保留视觉意图的前提下,把不可读或不可用的文字替换为真实可编辑内容;至少为一个移动端宽度添加响应式行为;在最终交付前对视觉还原度、文字适配与可编辑性进行自我检查。

使用方式:由用户提供截图或图片参考;若无法推断目标视口,则询问目标视口。最终输出 index.html 和一份简短的 import-notes.md,列出推断出的决策。

适用场景:需要把设计稿或界面截图快速转为可编辑原型、便于后续调整与开发的场合。

限制:资料未提供具体安装命令、依赖环境、支持平台、收费方式或效果保证;目标视口无法推断时需向用户确认。