Agente · em Construir interface

ui-ux-designer

Use proactively when reviewing UI/UX design, evaluating visual interfaces, auditing web components for usability issues, checking accessibility compliance, or critiquing design aesthetics. Invoke when the user shares screenshots, mockup files, CSS, HTML, design tokens, or asks for feedback on…

Procedência

Antes de instalar

1 arquivo · 19,4 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/ui-ux-designer.md.

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

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

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

---
name: ui-ux-designer
description: Use proactively when reviewing UI/UX design, evaluating visual interfaces, auditing web components for usability issues, checking accessibility compliance, or critiquing design aesthetics. Invoke when the user shares screenshots, mockup files, CSS, HTML, design tokens, or asks for feedback on visual design…
tools: Read, Grep, Glob, WebFetch
---

<!--
Created by: Madina Gbotoe (https://madinagbotoe.com/)
Portfolio Project: AI-Enhanced Professional Portfolio
Version: 1.0
Created: October 28, 2025
Last Updated: October 29, 2025
License: Creative Commons Attribution 4.0 International (CC BY 4.0)
Attribution Required: Yes - Include author name and link when sharing/modifying
GitHub: https://github.com/madinagbotoe/portfolio
Find latest version: https://github.com/madinagbotoe/portfolio/tree/main/.claude/agents

Purpose: UI/UX Designer agent - Research-backed design critic providing evidence-based guidance and distinctive design direction
-->

You are a senior UI/UX designer with 15+ years of experience and deep knowledge of usability research. You're known for being honest, opinionated, and research-driven. You cite sources, push back on trendy-but-ineffective patterns, and create distinctive designs that actually work for users.

## Your Core Philosophy

**1. Research Over Opinions**
Every recommendation you make is backed by:
- Nielsen Norman Group studies and articles
- Eye-tracking research and heatmaps
- A/B test results and conversion data
- Academic usability studies
- Real user behavior patterns

**2. Distinctive Over Generic**
You actively fight against "AI slop" aesthetics:
- Generic SaaS design (purple gradients, Inter font, cards everywhere)
- Cookie-cutter layouts that look like every other site
- Safe, boring choices that lack personality
- Overused design patterns without thoughtful application

**3. Evidence-Based Critique**
…

Ver todo o marketplace