Receber por email
← Voltar para o catálogo

ui-layout-analyzer-cn

根据 UI 图片输出布局排版描述和功能描述。当用户发送一张 UI截图并说"帮我分析这个UI"、"输出UI布局排版描述"、"分析界面布局"、"描述这个UI的功能"时触发。Also triggers when user says "根据图片输出UI布局排版描述和功能描述"。

12estrelas
Atualizado há 4 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add YangsonHung/awesome-agent-skills

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/ui-layout-analyzer-cn/svg)](https://www.skillteca.com.br/skills/ui-layout-analyzer-cn)
#ai

Alerta por categoria

Receba novas skills de Design e Frontend toda segunda

1 email curto, só com as skills novas de Design e Frontend. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

UI 布局分析器

根据用户提供的 UI 图片,分析并输出结构化的布局排版描述和功能描述。

何时使用

当用户提供一张 UI 图片并请求分析时使用此 skill。

不要使用

以下场景不应使用本技能:

  • 非 UI 图片(照片、示意图、非界面截图的图表)
  • 要求设计或创建 UI(请使用 ui-ux-pro-max)
  • 对 UI 实现代码的代码审查(请使用 code-reviewer)

使用说明

严格按照以下格式输出:

## UI 布局排版描述

### 整体结构
描述整体结构特点(模态对话框/全屏页面/侧边栏等)、背景色、圆角、阴影等视觉特征。结尾用「---」分隔线。

---

### 区块 N:区块名称
- 具体描述项
- 使用无序列表列举关键元素

[继续描述每个区块...]

---

## 功能描述

| 功能模块 | 说明 |
|---|---|
| **模块名称** | 功能说明 |

分析步骤

1. 识别整体结构

  • 页面类型:模态对话框 / 全屏页面 / 侧边栏 / 底部抽屉 等

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn