菜单
当用户需要根据 UI 截图输出布局结构和功能说明时使用。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when creating one local Git commit without pushing. Supports diff-based Conventional Commit type/scope/message generation, staged or requested change handling, segmented commit bodies for non-trivial changes, and safe commit-only workflows. Trigger for requests such as "commit this", "create a commit", "commit current changes without pushing", or local-only handoff.
Use when committing and pushing current changes on one branch with a Conventional Commit message. Supports diff-based type/scope/message generation, staged or requested change handling, segmented commit bodies for non-trivial changes, and safe single-branch push handling.
当用户只需要创建一个本地 Git 提交且不推送时使用。支持基于 diff 自动判断 Conventional Commit 的 type/scope/summary、处理已暂存或用户要求的改动范围、为非简单改动生成分段提交正文，并执行安全的仅提交工作流。适用于“提交当前改动”“只 commit 不 push”“创建一个本地提交”等请求。
当用户需要在当前单分支提交并推送改动，并生成 Conventional Commit 信息时使用。支持基于 diff 自动判断 type/scope/summary、处理已暂存或用户要求的改动范围、为非简单改动生成分段提交正文，并安全处理单分支推送。
Use when creating, critiquing, or iterating logo and brand-mark concepts through a designer-distillation board, including brand intake, public-source designer lenses, concept territories, visual prompts, and logo quality scoring.
当用户需要用设计师人格蒸馏、品牌策略、概念方向、视觉提示词和质量评分来设计、评审或迭代 Logo 与品牌标识时使用。
| name | ui-layout-analyzer-cn |
| description | 当用户需要根据 UI 截图输出布局结构和功能说明时使用。 |
根据用户提供的 UI 截图，分析并输出结构化的布局排版描述和功能描述。技能聚焦界面截图本身，说明页面结构、视觉区块、信息层级、控件和可能的用户流程，不负责设计新 UI 或审查实现代码。
当用户提供一张 UI 图片并请求分析时使用此 skill。
以下场景不应使用本技能：
严格按照以下格式输出：
## UI 布局排版描述
### 整体结构
描述整体结构特点（模态对话框/全屏页面/侧边栏等）、背景色、圆角、阴影等视觉特征。结尾用「---」分隔线。
---
### 区块 N：区块名称
- 具体描述项
- 使用无序列表列举关键元素
[继续描述每个区块...]
---
## 功能描述
| 功能模块 | 说明 |
|---|---|
| **模块名称** | 功能说明 |
从上到下识别每个区块，每个区块包含：
基于视觉元素推断功能：