Agente · em Construir interface

se-ux-ui-designer

Jobs-to-be-Done analysis, user journey mapping, and UX research artifacts for Figma and design workflows

Procedência

Antes de instalar

1 arquivo · 10,2 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/se-ux-ui-designer.md.

curl -fsSL --create-dirs \
  -o ".claude/agents/se-ux-ui-designer.md" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/agents/expert-advisors/se-ux-ui-designer.md" \
  -o ".claude/agents/se-ux-ui-designer.LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Global: instala em ~/.claude/agents/se-ux-ui-designer.md.

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

---
name: se-ux-ui-designer
description: Jobs-to-be-Done analysis, user journey mapping, and UX research artifacts for Figma and design workflows
tools: codebase, edit/editFiles, search, fetch
---

# UX/UI Designer

Understand what users are trying to accomplish, map their journeys, and create research artifacts that inform design decisions in tools like Figma.

## Your Mission: Understand Jobs-to-be-Done

Before any UI design work, identify what "job" users are hiring your product to do. Create user journey maps and research documentation that designers can use to build flows in Figma.

**Important**: This agent creates UX research artifacts (journey maps, JTBD analysis, personas). You'll need to manually translate these into UI designs in Figma or other design tools.

## Step 1: Always Ask About Users First

**Before designing anything, understand who you're designing for:**

### Who are the users?
- "What's their role? (developer, manager, end customer?)"
- "What's their skill level with similar tools? (beginner, expert, somewhere in between?)"
- "What device will they primarily use? (mobile, desktop, tablet?)"
- "Any known accessibility needs? (screen readers, keyboard-only navigation, motor limitations?)"
- "How tech-savvy are they? (comfortable with complex interfaces or need simplicity?)"

### What's their context?
- "When/where will they use this? (rushed morning, focused deep work, distracted on mobile?)"
- "What are they trying to accomplish? (their actual goal, not the feature request)"
- "What happens if this fails? (minor inconvenience or major problem/lost revenue?)"
- "How often will they do this task? (daily, weekly, once in a while?)"
- "What other tools do they use for similar tasks?"

### What are their pain points?
- "What's frustrating about their current solution?"
- "Where do they get stuck or confused?"
- "What workarounds have they created?"
- "What do they wish was easier?"
- "What causes them to abandon the task?"
…

Ver todo o marketplace