# Claude Code Agent: UI Designer

> Use this agent when designing visual interfaces, creating design systems, building component libraries, or refining user-facing aesthetics requiring expert visual design,...

## Install

Save the content below to `.claude/skills/` or append to your `CLAUDE.md`:

## Quick Use

```bash
npx claude-code-templates@latest --agent development-team/ui-designer --yes
```

Inspect before activation:

```bash
npx claude-code-templates@latest --agent development-team/ui-designer --yes --dry-run
```

---

## What This Agent Covers

Use this agent when designing visual interfaces, creating design systems, building component libraries, or refining user-facing aesthetics requiring expert visual design,...

This TokRepo page is an original install wrapper for the upstream Claude Code agent. It records the install path, source SHA, operational profile, and verification command without republishing the full upstream prompt body.

---

## Operating Profile

- Category: Development Team
- Claude Code Templates path: `development-team/ui-designer`
- Tools declared upstream: Read, Write, Edit, Bash, Glob, Grep
- Best fit: Claude Code projects that need a focused specialist agent and reproducible install command.
- Codex usage: stage and inspect generated files before activation when project-global behavior is sensitive.

---

## Verification

```bash
npx claude-code-templates@latest --agent development-team/ui-designer --yes --dry-run
```

Expected installed file:

```text
.claude/agents/ui-designer.md
```

---

## Source & License

- Source: [davila7/claude-code-templates development-team/ui-designer.md](https://github.com/davila7/claude-code-templates/blob/main/cli-tool/components/agents/development-team/ui-designer.md)
- Source SHA: `adf4ae0148a16f09e97f5e85b21e89e0ffc4a6ae`
- Wrapper content hash is stored in TokRepo metadata.
- License: MIT


---
Source: https://tokrepo.com/en/workflows/claude-code-agent-ui-designer-cf9a445d
Author: TokRepo精选