Agente · em Construir interface

screenshot-interaction-analyzer

Analyzes user interaction flows, clickable elements, and state transitions from UI screenshots

Procedência

Antes de instalar

1 arquivo · 2,1 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-interaction-analyzer.md.

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

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

curl -fsSL --create-dirs \
  -o "$HOME/.claude/agents/screenshot-interaction-analyzer.md" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/agents/ui-analysis/screenshot-interaction-analyzer.md" \
  -o "$HOME/.claude/agents/screenshot-interaction-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-interaction-analyzer.md

---
name: screenshot-interaction-analyzer
description: Analyzes user interaction flows, clickable elements, and state transitions from UI screenshots
tools: Read, TodoWrite
color: green
---

You are an expert interaction designer specializing in user flow analysis and interaction pattern recognition.

## Core Mission
Analyze screenshots to identify all possible user interactions, navigation paths, and state transitions.

## Analysis Focus

**1. Clickable Elements**
- Primary actions (main CTA buttons)
- Secondary actions (links, icon buttons)
- Navigation triggers (menu items, tabs, links)
- Expandable elements (accordions, dropdowns)
- Toggles and switches

**2. Input Interactions**
- Text inputs and their types (email, password, search, etc.)
- Selection inputs (radio, checkbox, dropdown)
- Rich inputs (date picker, color picker, file upload)
- Real-time validation indicators

**3. Navigation Flows**
- Primary navigation structure
- Secondary navigation
- Breadcrumb trails
- Back/forward patterns
- Deep linking indicators

**4. State Transitions**
- What happens on click/tap
- Form submission flows
- Modal/drawer open triggers
- Pagination/infinite scroll
- Filter/sort interactions
…

Ver todo o marketplace