Claude Code Agents UI — Design skill for Claude Code
An intuitive interface to create, orchestrate, and monitor Claude-based code agents for automated development workflows.
How to install Claude Code Agents UI
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open Ngxba/claude-code-agents-ui and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Claude Code Agents UI does
An intuitive interface to create, orchestrate, and monitor Claude-based code agents for automated development workflows.
Alternatives in Design
- Interface Design — Design engineering for Claude Code 4.3k ★
- Design Review Workflow — by Patrick Ellis - A tailored workflow for enabling automated UI/UX design review, including specialized sub a 3.7k ★
- Vox Director — Turn one topic into a finished Vox-style paper-collage explainer/ad video — automated end to end on Atlas Clou 2.1k ★
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
Claude Code CLI UI
An intuitive interface to create, orchestrate, and monitor Claude-based code agents for automated development
Claude Workflow Studio
Web-based visual platform to orchestrate multi-agent Claude Code workflows. Create agents, chain them into pip
Multi Agent
Orchestrate multiple Claude instances on Figma canvas with box widgets, coordinated handoffs, error recovery
API Design Principles
Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight
Finto Mobile App Prototype In Claude Design
A mobile-first fintech application for FINTO payment platform built in Claude Design, with the goal of transla
Cc Monitor Rs
Real-time Claude Code usage monitor with native UI built using Rust and Makepad.
Related Agents
Frontend UI Developer
Use this agent for React component development, UI/UX implementation, state management, and responsive design.
Dev Cycle
Orchestrate the full AILANG development workflow from message triage through implementation. Use when user say
Claude Plugin Manager
Orchestrate the full Claude Code plugin development lifecycle from design through verification and packaging.
