claudecodeui

Name: claudecodeui
Author: siteboon

Issues

Use Claude Code, OpenCode, Cursor CLI, and Codex on mobile and web with CloudCLI (aka Claude Code UI). CloudCLI is a free open source webui/GUI that helps you manage your Claude Code session and projects remotely.

14,055stars

2,033forks

TypeScript

Installation

# Add to your Claude Code skills
git clone https://github.com/siteboon/claudecodeui

Getting Started

Guides for using cli tools skills like claudecodeui.

Getting Started with AI Skills
First-time install walkthrough for Claude Code, Codex CLI, and ChatGPT.
SkillsLLM Features Guide
Voting, bookmarks, comments, comparison pages, and security scanning explained.
What is an AI Skills Marketplace?
Definitions, how marketplaces work, and how to choose between them in 2026.

Security ReportIssues

Last scanned: 4/17/2026

{
  "issues": [
    {
      "type": "npm-audit",
      "message": "@remix-run/router: React Router vulnerable to XSS via Open Redirects",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "basic-ftp: Basic FTP has Path Traversal Vulnerability in its downloadToDir() method",
      "severity": "critical"
    },
    {
      "type": "npm-audit",
      "message": "body-parser: Vulnerability found",
      "severity": "low"
    },
    {
      "type": "npm-audit",
      "message": "brace-expansion: brace-expansion: Zero-step sequence causes process hang and memory exhaustion",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "cacache: Vulnerability found",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "defu: defu: Prototype pollution via `__proto__` key in defaults argument",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "express: Vulnerability found",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "flatted: flatted vulnerable to unbounded recursion DoS in parse() revive phase",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "glob: glob CLI: Command injection via -c/--cmd executes matches with shell:true",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "js-yaml: js-yaml has prototype pollution in merge (<<)",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "jws: auth0/node-jws Improperly Verifies HMAC Signature",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "lodash: Lodash has Prototype Pollution Vulnerability in `_.unset` and `_.omit` functions",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "make-fetch-happen: Vulnerability found",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "mdast-util-to-hast: mdast-util-to-hast has unsanitized class attribute",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "minimatch: minimatch has a ReDoS via repeated wildcards with non-matching literal in pattern",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "multer: Multer vulnerable to Denial of Service via incomplete cleanup",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "node-gyp: Vulnerability found",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "path-to-regexp: path-to-regexp vulnerable to Regular Expression Denial of Service via multiple route parameters",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "picomatch: Picomatch: Method Injection in POSIX Character Classes causes incorrect Glob Matching",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "prismjs: PrismJS DOM Clobbering vulnerability",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "qs: qs's arrayLimit bypass in comma parsing allows denial of service",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "react-router: Vulnerability found",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "react-router-dom: Vulnerability found",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "react-syntax-highlighter: Vulnerability found",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "refractor: Vulnerability found",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "release-it: Vulnerability found",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "rollup: Rollup 4 has Arbitrary File Write via Path Traversal",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "tar: node-tar Vulnerable to Arbitrary File Creation/Overwrite via Hardlink Path Traversal",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "tar-fs: tar-fs has a symlink validation bypass if destination directory is predictable with a specific tarball",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "undici: Undici has an unbounded decompression chain in HTTP responses on Node.js Fetch API via Content-Encoding leads to resource exhaustion",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "vite: vite allows server.fs.deny bypass via backslash on Windows",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "yaml: yaml is vulnerable to Stack Overflow via deeply nested YAML collections",
      "severity": "medium"
    }
  ],
  "status": "FAILED",
  "scannedAt": "2026-04-17T06:07:25.244Z",
  "semgrepRan": false,
  "npmAuditRan": true,
  "pipAuditRan": true
}

Compare with similar skills

See how claudecodeui compares with popular alternatives.

claudecodeui vs claude code templates

See comparison

claudecodeui vs ui ux pro max skill

See comparison

claudecodeui vs opencodex

README.md

Frequently Asked Questions

What is claudecodeui?

claudecodeui is an open-source cli tools skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by siteboon. Use Claude Code, OpenCode, Cursor CLI, and Codex on mobile and web with CloudCLI (aka Claude Code UI). CloudCLI is a free open source webui/GUI that helps you manage your Claude Code session and projects remotely. It has 14,055 GitHub stars.

Is claudecodeui safe to use?

claudecodeui failed SkillsLLM's automated security scan, which flagged one or more high-severity issues. Review the Security Report section carefully before using it.

How do I install claudecodeui?

Clone the repository with "git clone https://github.com/siteboon/claudecodeui" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is claudecodeui written in?

claudecodeui is primarily written in TypeScript. It is open-source under siteboon on GitHub, so you can review or fork the full source.

Are there alternatives to claudecodeui?

Yes. SkillsLLM lists many other CLI Tools skills you can browse and compare side by side. Open the CLI Tools category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh claudecodeui against similar tools.

AI Courses · Agentic AI, LLM Engineering & MCP

Beginner to professional · First lesson free · Lifetime access

20% off

Comments (0)

to leave a comment.

No comments yet. Be the first to share your thoughts!

Related Skills

ECC

by affaan-m

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

278,173

Popular in CLI Tools

Top skills in this category by stars

ui-ux-pro-max-skill

by nextlevelbuilder

An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.

135,323

Developers Also Liked

Based on votes and bookmarks from developers who liked this skill

academic-research-skills

by Imbad0202

Academic Research Skills for Claude Code: research → write → review → revise → finalize

51,694

opencodex ccstatusline

Screenshots

Features

Responsive Design - Works seamlessly across desktop, tablet, and mobile so you can also use Agents from mobile
Interactive Chat Interface - Built-in chat interface for seamless communication with the Agents
Integrated Shell Terminal - Direct access to the Agents CLI through built-in shell functionality
File Explorer - Interactive file tree with syntax highlighting and live editing
Git Explorer - View, stage and commit your changes. You can also switch branches
Browser Use - Open browser sessions for web research, testing, and agent-driven browser tasks
Session Management - Resume conversations, manage multiple sessions, and track history
Plugin System - Extend CloudCLI with custom plugins — add new tabs, backend services, and integrations. Build your own →
TaskMaster AI Integration (Optional) - Advanced project management with AI-powered task planning, PRD parsing, and workflow automation
Model Compatibility - Works with Claude and GPT model families (the full list of supported models is available at runtime via GET /api/providers/:provider/models)

Quick Start

CloudCLI Cloud (Recommended)

The fastest way to get started — no local setup required. Get a fully managed, containerized development environment accessible from the web, mobile app, API, or your favorite IDE.

Get started with CloudCLI Cloud

Self-Hosted (Open source)

npm

Try CloudCLI UI instantly with npx (requires Node.js v22+):

npx @cloudcli-ai/cloudcli

Or install globally for regular use:

npm install -g @cloudcli-ai/cloudcli
cloudcli

Open http://localhost:3001 — all your existing sessions are discovered automatically.

Visit the documentation → for full configuration options, PM2, remote server setup and more.

Docker Sandboxes (Experimental)

Run agents in isolated sandboxes with hypervisor-level isolation. Starts Claude Code by default. Requires the sbx CLI.

npx @cloudcli-ai/cloudcli@latest sandbox ~/my-project

Supports Claude Code and Codex. See the sandbox docs for setup and advanced options.

Desktop Companion App

CloudCLI Desktop is an optional native companion for CloudCLI Cloud and Local CloudCLI. It ships from this repository's GitHub Releases and keeps CloudCLI available from your menu bar or tray.

macOS
Windows
Download page · GitHub Releases and checksums

Use it to open CloudCLI Cloud environments, switch between local and remote workspaces, and copy mobile/browser URLs. To work locally, choose Local CloudCLI in the desktop app; it will use your running local server or start one for you.

Which option is right for you?

CloudCLI UI is the open source UI layer that powers CloudCLI Cloud. You can self-host it on your own machine, run it in a Docker sandbox for isolation, or use CloudCLI Cloud for a fully managed environment.

	Self-Hosted (npm)	Self-Hosted (Docker Sandbox) (Experimental)	CloudCLI Cloud
Best for	Local agent sessions on your own machine	Isolated agents with web/mobile IDE	Teams who want agents in the cloud
How you access it	Browser via `[yourip]:port`	Browser via `localhost:port`	Browser, any IDE, REST API, n8n
Setup	`npx @cloudcli-ai/cloudcli`	`npx @cloudcli-ai/cloudcli@latest sandbox ~/project`	No setup required
Isolation	Runs on your host	Hypervisor-level sandbox (microVM)	Full cloud isolation
Machine needs to stay on	Yes	Yes	No
Mobile access	Any browser on your network	Any browser on your network	Any device
Desktop companion	Optional. Choose Local CloudCLI	Optional. Choose Local CloudCLI	Optional. Opens cloud environments
Agents supported	Claude Code, Cursor CLI, Codex	Claude Code, Codex	Claude Code, Cursor CLI, Codex
File explorer and Git	Yes	Yes	Yes
MCP configuration	Synced with `~/.claude`	Managed via UI	Managed via UI
REST API	Yes	Yes	Yes
Team sharing	No	No	Yes
Platform cost	Free, open source	Free, open source	Starts at €7/month

All options use your own AI subscriptions (Claude, Cursor, etc.) — CloudCLI provides the environment, not the AI.

Security & Tools Configuration

🔒 Important Notice: All Claude Code tools are disabled by default. This prevents potentially harmful operations from running automatically.

Enabling Tools

To use Claude Code's full functionality, you'll need to manually enable tools:

Open Tools Settings - Click the gear icon in the sidebar
Enable Selectively - Turn on only the tools you need
Apply Settings - Your preferences are saved locally

Tools Settings Modal Tools Settings interface - enable only what you need

Recommended approach: Start with basic tools enabled and add more as needed. You can always adjust these settings later.

Plugins

CloudCLI has a plugin system that lets you add custom tabs with their own frontend UI and optional Node.js backend. Install plugins from git repos directly in Settings > Plugins, or build your own.

Available Plugins

Plugin	Description
Project Stats	Shows file counts, lines of code, file-type breakdown, largest files, and recently modified files for your current project
Web Terminal	Full xterm.js terminal with multi-tab support
Claude Watch	Watches long-running Claude Code sessions for hangs and exposes process controls
CloudCLI Scheduler	Create workspace-scoped scheduled prompts and execute them through a local CLI such as Codex or Claude Code
PRISM CloudCLI	Session intelligence for Claude Code inside CloudCLI, including token burn visibility
Sessions	View, manage, and kill active Claude Code sessions
Token Cost Calculator	Calculate API costs from model prices and token usage, with preset model pricing support
Task Queue	Task queue dashboard to view, filter, and launch agent tasks
GitHub Issues Board	Kanban board for GitHub Issues with bidirectional TaskMaster sync and /github-task CLI skill auto-install

Build Your Own

Plugin Starter Template → — fork this repo to create your own plugin. It includes a working example with frontend rendering, live context updates, and RPC communication to a backend server.

**Plugin Documentation →