From yangsonhung-awesome-agent-skills
根据 UI 图片输出布局排版描述和功能描述。当用户发送一张 UI截图并说"帮我分析这个UI"、"输出UI布局排版描述"、"分析界面布局"、"描述这个UI的功能"时触发。Also triggers when user says "根据图片输出UI布局排版描述和功能描述"。
npx claudepluginhub joshuarweaver/cascade-content-creation-misc-1 --plugin yangsonhung-awesome-agent-skillsThis skill uses the workspace's default tool permissions.
根据用户提供的 UI 图片，分析并输出结构化的布局排版描述和功能描述。
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.
Checks Next.js compilation errors using a running Turbopack dev server after code edits. Fixes actionable issues before reporting complete. Replaces `next build`.
根据用户提供的 UI 图片，分析并输出结构化的布局排版描述和功能描述。
当用户提供一张 UI 图片并请求分析时使用此 skill。
严格按照以下格式输出：
## UI 布局排版描述
### 整体结构
描述整体结构特点（模态对话框/全屏页面/侧边栏等）、背景色、圆角、阴影等视觉特征。结尾用「---」分隔线。
---
### 区块 N：区块名称
- 具体描述项
- 使用无序列表列举关键元素
[继续描述每个区块...]
---
## 功能描述
| 功能模块 | 说明 |
|---|---|
| **模块名称** | 功能说明 |
从上到下识别每个区块，每个区块包含：
基于视觉元素推断功能：