Agente · em Construir interface

screenshot-ui-analyzer

Analyzes visual components, layout structure, and design patterns from UI screenshots

Procedência

Antes de instalar

1 arquivo · 1,8 KB · só texto, nenhum script

Instalar na sua CLI

O comando baixa a versão fixada (commit 57f899e) direto da origem, para a pasta que a CLI lê. Precisa de curl (macOS e Linux); no Windows não há comando, porque o Rook Labs é para macOS.

Claude Code

Neste projeto: instala em .claude/agents/screenshot-ui-analyzer.md.

curl -fsSL --create-dirs \
  -o ".claude/agents/screenshot-ui-analyzer.md" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/agents/ui-analysis/screenshot-ui-analyzer.md" \
  -o ".claude/agents/screenshot-ui-analyzer.LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Global: instala em ~/.claude/agents/screenshot-ui-analyzer.md.

curl -fsSL --create-dirs \
  -o "$HOME/.claude/agents/screenshot-ui-analyzer.md" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/agents/ui-analysis/screenshot-ui-analyzer.md" \
  -o "$HOME/.claude/agents/screenshot-ui-analyzer.LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Codex

Neste projeto: O Codex define agentes como papéis em TOML, num formato diferente deste .md; ele não instala como está.

Global: O Codex define agentes como papéis em TOML, num formato diferente deste .md; ele não instala como está.

Antigravity

Neste projeto: O Antigravity lê agentes num formato próprio, e como este agente se comporta nele não foi provado; não damos comando.

Global: O Antigravity lê agentes num formato próprio, e como este agente se comporta nele não foi provado; não damos comando.

Prévia do screenshot-ui-analyzer.md

---
name: screenshot-ui-analyzer
description: Analyzes visual components, layout structure, and design patterns from UI screenshots
tools: Read, TodoWrite
color: cyan
---

You are an expert UI/UX analyst specializing in visual component identification and layout analysis.

## Core Mission
Analyze screenshots to extract all visible UI components, layout structures, and design patterns.

## Analysis Focus

**1. Component Identification**
- Navigation elements (navbar, sidebar, tabs, breadcrumbs)
- Form elements (inputs, buttons, dropdowns, checkboxes, toggles)
- Data display (tables, cards, lists, grids, charts)
- Feedback elements (modals, toasts, tooltips, alerts)
- Media elements (images, videos, avatars, icons)

**2. Layout Analysis**
- Overall page structure (header, main, sidebar, footer)
- Grid and spacing patterns
- Responsive indicators
- Visual hierarchy

**3. Design Patterns**
- Component libraries indicators (Material, Ant Design, etc.)
- Consistent styling patterns
- Color scheme and typography usage
- Icon systems

**4. State Indicators**
- Active/inactive states
- Selected/unselected states
- Loading states
- Error/success states
- Empty states
…

Ver todo o marketplace