Claude Code Agents Ui
Description
An intuitive interface to create, orchestrate, and monitor Claude-based code agents for automated development workflows.
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
Claude Code Agents UI
(aka Claude Code Managements Studio)
Quickstart · Contributing · GitHub
What is agents-ui?
Open-source visual orchestration for Claude Code
**If Claude Code is the _engine_, agents-ui is the _dashboard_**
agents-ui is a Nuxt 3-based visual dashboard for managing Claude Code agents, commands, skills, workflows, and plugins. It provides a GUI layer on top of the `~/.claude` directory, allowing users to create, edit, and organize their Claude Code configuration without touching markdown files directly.
It looks like a studio — but under the hood it has relationship graphs, real-time metrics, visual workflow builders, and terminal emulation.
**Manage your agents visually, not through scattered markdown.**
| Step | Example | |
|---|---|---|
| 01 | Define the agent | Create a "Senior Frontend" agent with specific instructions. |
| 02 | Build skil |
Related Skills
Algorithmic Art
Create generative art using p5.js with seeded randomness, flow fields, and particle systems
Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts
Canvas Design
Create beautiful visual art in PNG and PDF documents using design philosophy
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality
Slack Gif Creator
Create animated GIFs optimized for Slack's size constraints
Theme Factory
Style artifacts with professional themes including 10 pre-set color/font combinations