Claude Skill

JohnRiceML/clawport-ui

Clawport UI is an open-source AI agent command center built on OpenClaw, enabling teams to manage and coordinate Claude Code agents through a unified interface.

Overview

Stars893
Forks128
LanguageTypeScript
Last pushed2026-03-24
Last synced2026-07-03
View on GitHub

Repository

OwnerJohnRiceML
Repositoryclawport-ui
Full nameJohnRiceML/clawport-ui
Repo ID1,171,942,248

Install this Skill

npm install -g clawport-ui

Registry

Typeopenclaw_skill
Quality score80/100
Verificationreadme_parsed
Last verified2026-06-05
Platforms
ClaudeOpenClaw
Capabilities
browserpdfmemorysearchimagevideoterminal
Detected files
README.mddocspackage.json
Config keys
URLOPENCLAW_GATEWAY_TOKENELEVENLABS_API_KEYPACKAGE_JSON
Install methods
  • npm install -g clawport-ui
  • git clone https://github.com/JohnRiceML/clawport-ui.git
  • npm install
  • npx tsc --noEmit # Type-check (zero errors)
  • npx next build # Production build

Summary

Clawport UI is an open-source AI agent command center built on OpenClaw, designed to manage and coordinate teams of Claude Code agents through a unified interface.

Chinese description

开源AI代理指挥中心,专为Claude Code代理团队设计。基于OpenClaw构建。

Key features

  • Open-source command center for Claude Code agent teams
  • Built on the OpenClaw framework
  • Unified interface for agent coordination
  • Designed for team-based AI agent workflows

Use cases

  • Managing multiple Claude Code agents in development projects
  • Coordinating AI agent teams for complex coding tasks
  • Centralized monitoring and control of agent activities
  • Streamlining multi-agent workflows in software development

README excerpt

<div align="center"> <img src="https://raw.githubusercontent.com/JohnRiceML/clawport-ui/main/clawport-logo.png" alt="ClawPort" width="160" /> # ClawPort **A visual command centre for your AI agent team.** [![npm version](https://img.shields.io/npm/v/clawport-ui.svg)](https://www.npmjs.com/package/clawport-ui) [![license](https://img.shields.io/npm/l/clawport-ui.svg)](LICENSE) [![tests](https://img.shields.io/badge/tests-781%20passed-brightgreen)](#testing) [Website](https://clawport.dev) | [Setup Guide](SETUP.md) | [API Docs](docs/API.md) | [npm](https://www.npmjs.com/package/clawport-ui) </div> --- ClawPort is an open-source dashboard for managing, monitoring, and talking directly to your [OpenClaw](https://openclaw.ai) AI agents. It connects to your local OpenClaw gateway and gives you an org chart, direct agent chat with vision and voice, a kanban board, cron monitoring, cost tracking, an activity console with live log streaming, and a memory browser -- all in one place. No separate AI API keys needed. Everything routes through your OpenClaw gateway. <img src="docs/screenshots/org-map.png" alt="Org Map" width="100%" /> <details> <summary><strong>More screenshots</strong></summary> | | | |---|---| | <img src="docs/screenshots/chat.png" alt="Agent Chat" /> | <img src="docs/screenshots/kanban.png" alt="Kanban Board" /> | | **Chat** -- streaming text, vision, voice, file attachments | **Kanban** -- drag-and-drop task board across agents | | <img src="docs/screenshots/pipelines.png" alt="Cron Pipelines" /> | <img src="docs/screenshots/cron-schedule.png" alt="Cron Schedule" /> | | **Pipelines** -- DAG visualization with health checks | **Schedule** -- weekly heatmap and job management | | <img src="docs/screenshots/activity.png" alt="Activity Console" /> | <img

Topics

No topics yet.

Explore more

Data from GitHub. Synced on 2026-07-03