UI 布局分析器
根据用户提供的 UI 图片,分析并输出结构化的布局排版描述和功能描述。
何时使用
当用户提供一张 UI 图片并请求分析时使用此 skill。
不要使用
以下场景不应使用本技能:
- 非 UI 图片(照片、示意图、非界面截图的图表)
- 要求设计或创建 UI(请使用 ui-ux-pro-max)
- 对 UI 实现代码的代码审查(请使用 code-reviewer)
使用说明
严格按照以下格式输出:
## UI 布局排版描述
### 整体结构
描述整体结构特点(模态对话框/全屏页面/侧边栏等)、背景色、圆角、阴影等视觉特征。结尾用「---」分隔线。
---
### 区块 N:区块名称
- 具体描述项
- 使用无序列表列举关键元素
[继续描述每个区块...]
---
## 功能描述
| 功能模块 | 说明 |
|---|---|
| **模块名称** | 功能说明 |
分析步骤
1. 识别整体结构
- 页面类型:模态对话框 / 全屏页面 / 侧边栏 / 底部抽屉 等
[Description truncada. Veja o README completo no GitHub.]