UI Layout Analyzer 是一个针对 UI 截图的布局与功能分析技能。其核心用途是：当用户提供一张界面截图并请求分析时，输出结构化的布局描述和功能分析。
一、用途 该技能专注于界面截图，描述页面结构、视觉区块、层级、控件以及可能的用户工作流程。它不用于设计新 UI，也不审查实现代码。
适用场景：用户提供 UI 图片并请求分析时使用。 不适用场景：非 UI 图片（照片、示意图、非界面截图的图表）；请求设计或创建 UI（应使用 ui-ux-pro-max）；UI 实现代码审查（应使用 code-reviewer）。
二、输出格式 技能要求严格遵循以下格式：
UI Layout Description
Overall Structure
描述整体结构类型（modal dialog/full page/sidebar/drawer）、背景颜色、圆角、阴影等，并以“---”结尾。
Section N: Section Name
- 具体描述项
- 对关键元素使用项目符号
[继续描述每个区块……]
Function Description
| Function Module | Description |
|---|---|
| Module Name | Function description |
三、分析步骤
- 识别整体结构：页面类型（Modal dialog / Full page / Sidebar / Bottom drawer）；背景（白色/灰色/渐变/图片背景）；特殊元素（圆角、阴影、边框、分隔线）。
- 划分区块：自上而下识别区块，每个区块包含：区块类型（Header / Tab bar / Content area / List / Table / Input area / Action bar）；关键元素（图标、文本、按钮、输入框）；布局（左对齐/居中/右对齐，水平/垂直）。
- 识别交互元素：按钮（主要（填充）/次要（文本）/图标按钮）；输入（单行/多行文本/下拉/日期选择器）；选择器（单选/复选/开关/标签切换）；列表（列表项、网格布局、卡片布局）。
- 描述功能：从视觉元素推断功能：表单（输入、校验、提交）；导航（跳转、标签切换、返回）；展示（列表、详情、轮播）；反馈（Toast、模态框、加载状态）。
四、注意事项 识别并包含图像中所有可见文本；在可见时标记状态（禁用/选中/展开）；区块编号使用阿拉伯数字（1、2、3……）；描述保持简洁但完整。
五、限制 该技能仅基于提供的 UI 截图进行分析和描述，不接受非界面截图类图片，不负责 UI 设计与创建，也不进行实现代码审查。关于收费、价格、平台支持等具体信息暂未提供。