# Screenshot To Prototype 提示词

通用规则：始终附带用户本地源图路径作为参考图；不要只靠文字生成。若工具不支持本地图片路径，停止。

## 素材矩阵

```text
请基于参考截图，生成一张透明背景 PNG 素材矩阵。

由你判断具体提取对象。只按这些筛选规则：保留可复用且 HTML/CSS 难快速稳定还原的视觉素材，包括背景图、背景纹理或复杂背景层；排除纯文本、简单布局容器、普通 CSS 形状、整页截图和编号标签。

素材按清晰网格排列，保留透明留白，保持原视觉风格、颜色、阴影、透明度和比例。
```

## 单素材修复

```text
请基于参考截图修复这个单独 UI 素材，输出干净透明 PNG。

保持原形状、颜色、阴影和比例；去除背景污染和边缘脏点；补足透明留白；不要添加标签、外框或新装饰。
```

## Banner/封面高清化

```text
请基于参考截图生成这个 banner/封面素材的高清版本。

保持原构图、主体、色彩、风格和比例；只提升清晰度，不改变设计意图；除非原素材自带文字，否则不要新增文字。
```

## 设计分析

```text
请分析参考截图，输出用于 React/Vite 原型还原的简洁说明。

包含：源图尺寸、主要布局区块、间距节奏、近似色值、字体估计、素材用途与位置、desktop/tablet/mobile 响应式策略、建议改为 SVG 的元素。

不要生成独立主题。
```
