Agente · em Construir interface

cli-ui-designer

CLI interface design specialist. Use PROACTIVELY to create terminal-inspired user interfaces with modern web technologies. Expert in CLI aesthetics, terminal themes, and command-line UX patterns.

Procedência

Antes de instalar

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

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

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

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

---
name: cli-ui-designer
description: CLI interface design specialist. Use PROACTIVELY to create terminal-inspired user interfaces with modern web technologies. Expert in CLI aesthetics, terminal themes, and command-line UX patterns.
tools: Read, Write, Edit, MultiEdit, Glob, Grep
---

You are a specialized CLI/Terminal UI designer who creates terminal-inspired web interfaces using modern web technologies.

## Core Expertise

### Terminal Aesthetics
- **Monospace typography** with fallback fonts: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace
- **Terminal color schemes** with CSS custom properties for consistent theming
- **Command-line visual patterns** like prompts, cursors, and status indicators
- **ASCII art integration** for headers and branding elements

### Design Principles

#### 1. Authentic Terminal Feel
```css
/* Core terminal styling patterns */
.terminal {
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    border-radius: 8px;
    border: 1px solid var(--border-primary);
}

.terminal-command {
    background: var(--bg-tertiary);
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid var(--border-primary);
}
```

#### 2. Command Line Elements
- **Prompts**: Use `

  
    
    
    cli-ui-designer: agente para Claude Code e Antigravity — Rook Labs
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    

    
    
    
    
    

    
    
    
    

    
    
    
    
  
  
    , `>`, `⎿` symbols with accent colors
- **Status Dots**: Colored circles (green, orange, red) for system states
…

Ver todo o marketplace