[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-73465":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":38,"readmeContent":39,"aiSummary":40,"trendingCount":16,"starSnapshotCount":16,"syncStatus":41,"lastSyncTime":42,"discoverSource":43},73465,"claudecodeui","siteboon\u002Fclaudecodeui","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\u002FGUI that helps you manage your Claude Code session and projects remotely.","https:\u002F\u002Fcloudcli.ai",null,"TypeScript",11776,1597,34,91,0,98,256,958,294,44.61,"GNU Affero General Public License v3.0",false,"main",[26,27,28,29,30,31,32,33,34,35,36,37],"anthropic","anthropic-ai","anthropic-claude","claude","claude-api","claude-code","claude-code-ui","claudecode","gui","mobile-first","react","ui","2026-06-12 02:03:13","\u003Cdiv align=\"center\">\n  \u003Cimg src=\"public\u002Flogo.svg\" alt=\"CloudCLI UI\" width=\"64\" height=\"64\">\n  \u003Ch1>Cloud CLI (aka Claude Code UI)\u003C\u002Fh1>\n  \u003Cp>A desktop and mobile UI for \u003Ca href=\"https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fdocs\u002Fclaude-code\">Claude Code\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fdocs.cursor.com\u002Fen\u002Fcli\u002Foverview\">Cursor CLI\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fdevelopers.openai.com\u002Fcodex\">Codex\u003C\u002Fa>, and \u003Ca href=\"https:\u002F\u002Fgeminicli.com\u002F\">Gemini-CLI\u003C\u002Fa>.\u003Cbr>Use it locally or remotely to view your active projects and sessions from everywhere.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fcloudcli.ai\">CloudCLI Cloud\u003C\u002Fa> · \u003Ca href=\"https:\u002F\u002Fcloudcli.ai\u002Fdocs\">Documentation\u003C\u002Fa> · \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002FbuxwujPNRE\">Discord\u003C\u002Fa> · \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fsiteboon\u002Fclaudecodeui\u002Fissues\">Bug Reports\u003C\u002Fa> · \u003Ca href=\"CONTRIBUTING.md\">Contributing\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fcloudcli.ai\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F☁️_CloudCLI_Cloud-Try_Now-0066FF?style=for-the-badge\" alt=\"CloudCLI Cloud\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002FbuxwujPNRE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDiscord-Join%20Community-5865F2?style=for-the-badge&logo=discord&logoColor=white\" alt=\"Join our Discord\">\u003C\u002Fa>\n  \u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Ftrendshift.io\u002Frepositories\u002F15586\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Ftrendshift.io\u002Fapi\u002Fbadge\u002Frepositories\u002F15586\" alt=\"siteboon%2Fclaudecodeui | Trendshift\" style=\"width: 250px; height: 55px;\" width=\"250\" height=\"55\"\u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cdiv align=\"right\">\u003Ci>\u003Cb>English\u003C\u002Fb> · \u003Ca href=\".\u002FREADME.ru.md\">Русский\u003C\u002Fa> · \u003Ca href=\".\u002FREADME.de.md\">Deutsch\u003C\u002Fa> · \u003Ca href=\".\u002FREADME.ko.md\">한국어\u003C\u002Fa> · \u003Ca href=\".\u002FREADME.zh-CN.md\">中文\u003C\u002Fa> · \u003Ca href=\".\u002FREADME.ja.md\">日本語\u003C\u002Fa> · \u003Ca href=\".\u002FREADME.tr.md\">Türkçe\u003C\u002Fa>\u003C\u002Fi>\u003C\u002Fdiv>\n\n---\n\n## Screenshots\n\n\u003Cdiv align=\"center\">\n  \n\u003Ctable>\n\u003Ctr>\n\u003Ctd align=\"center\">\n\u003Ch3>Desktop View\u003C\u002Fh3>\n\u003Cimg src=\"public\u002Fscreenshots\u002Fdesktop-main.png\" alt=\"Desktop Interface\" width=\"400\">\n\u003Cbr>\n\u003Cem>Main interface showing project overview and chat\u003C\u002Fem>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\u003Ch3>Mobile Experience\u003C\u002Fh3>\n\u003Cimg src=\"public\u002Fscreenshots\u002Fmobile-chat.png\" alt=\"Mobile Interface\" width=\"250\">\n\u003Cbr>\n\u003Cem>Responsive mobile design with touch navigation\u003C\u002Fem>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\" colspan=\"2\">\n\u003Ch3>CLI Selection\u003C\u002Fh3>\n\u003Cimg src=\"public\u002Fscreenshots\u002Fcli-selection.png\" alt=\"CLI Selection\" width=\"400\">\n\u003Cbr>\n\u003Cem>Select between Claude Code, Gemini, Cursor CLI and Codex\u003C\u002Fem>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n\n\n\u003C\u002Fdiv>\n\n## Features\n\n- **Responsive Design** - Works seamlessly across desktop, tablet, and mobile so you can also use Agents from mobile \n- **Interactive Chat Interface** - Built-in chat interface for seamless communication with the Agents\n- **Integrated Shell Terminal** - Direct access to the Agents CLI through built-in shell functionality\n- **File Explorer** - Interactive file tree with syntax highlighting and live editing\n- **Git Explorer** - View, stage and commit your changes. You can also switch branches \n- **Session Management** - Resume conversations, manage multiple sessions, and track history\n- **Plugin System** - Extend CloudCLI with custom plugins — add new tabs, backend services, and integrations. [Build your own →](https:\u002F\u002Fgithub.com\u002Fcloudcli-ai\u002Fcloudcli-plugin-starter)\n- **TaskMaster AI Integration** *(Optional)* - Advanced project management with AI-powered task planning, PRD parsing, and workflow automation\n- **Model Compatibility** - Works with Claude, GPT, and Gemini model families (see [`shared\u002FmodelConstants.js`](shared\u002FmodelConstants.js) for the full list of supported models)\n\n\n## Quick Start\n\n### CloudCLI Cloud (Recommended)\n\nThe 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.\n\n**[Get started with CloudCLI Cloud](https:\u002F\u002Fcloudcli.ai)**\n\n\n### Self-Hosted (Open source)\n\n#### npm\n\nTry CloudCLI UI instantly with **npx** (requires **Node.js** v22+):\n\n```\nnpx @cloudcli-ai\u002Fcloudcli\n```\n\nOr install **globally** for regular use:\n\n```\nnpm install -g @cloudcli-ai\u002Fcloudcli\ncloudcli\n```\n\nOpen `http:\u002F\u002Flocalhost:3001` — all your existing sessions are discovered automatically.\n\nVisit the **[documentation →](https:\u002F\u002Fcloudcli.ai\u002Fdocs)** for full configuration options, PM2, remote server setup and more.\n\n#### Docker Sandboxes (Experimental)\n\nRun agents in isolated sandboxes with hypervisor-level isolation. Starts Claude Code by default. Requires the [`sbx` CLI](https:\u002F\u002Fdocs.docker.com\u002Fai\u002Fsandboxes\u002Fget-started\u002F).\n\n```\nnpx @cloudcli-ai\u002Fcloudcli@latest sandbox ~\u002Fmy-project\n```\n\nSupports Claude Code, Codex, and Gemini CLI. See the [sandbox docs](docker\u002F) for setup and advanced options.\n\n\n---\n\n## Which option is right for you?\n\nCloudCLI 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.\n\n| | Self-Hosted (npm) | Self-Hosted (Docker Sandbox) *(Experimental)* | CloudCLI Cloud |\n|---|---|---|---|\n| **Best for** | Local agent sessions on your own machine | Isolated agents with web\u002Fmobile IDE | Teams who want agents in the cloud |\n| **How you access it** | Browser via `[yourip]:port` | Browser via `localhost:port` | Browser, any IDE, REST API, n8n |\n| **Setup** | `npx @cloudcli-ai\u002Fcloudcli` | `npx @cloudcli-ai\u002Fcloudcli@latest sandbox ~\u002Fproject` | No setup required |\n| **Isolation** | Runs on your host | Hypervisor-level sandbox (microVM) | Full cloud isolation |\n| **Machine needs to stay on** | Yes | Yes | No |\n| **Mobile access** | Any browser on your network | Any browser on your network | Any device, native app coming |\n| **Agents supported** | Claude Code, Cursor CLI, Codex, Gemini CLI | Claude Code, Codex, Gemini CLI | Claude Code, Cursor CLI, Codex, Gemini CLI |\n| **File explorer and Git** | Yes | Yes | Yes |\n| **MCP configuration** | Synced with `~\u002F.claude` | Managed via UI | Managed via UI |\n| **REST API** | Yes | Yes | Yes |\n| **Team sharing** | No | No | Yes |\n| **Platform cost** | Free, open source | Free, open source | Starts at $7\u002Fmonth |\n\n> All options use your own AI subscriptions (Claude, Cursor, etc.) — CloudCLI provides the environment, not the AI.\n\n---\n\n## Security & Tools Configuration\n\n**🔒 Important Notice**: All Claude Code tools are **disabled by default**. This prevents potentially harmful operations from running automatically.\n\n### Enabling Tools\n\nTo use Claude Code's full functionality, you'll need to manually enable tools:\n\n1. **Open Tools Settings** - Click the gear icon in the sidebar\n2. **Enable Selectively** - Turn on only the tools you need\n3. **Apply Settings** - Your preferences are saved locally\n\n\u003Cdiv align=\"center\">\n\n![Tools Settings Modal](public\u002Fscreenshots\u002Ftools-modal.png)\n*Tools Settings interface - enable only what you need*\n\n\u003C\u002Fdiv>\n\n**Recommended approach**: Start with basic tools enabled and add more as needed. You can always adjust these settings later.\n\n---\n\n## Plugins\n\nCloudCLI 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.\n\n### Available Plugins\n\n| Plugin | Description |\n|---|---|\n| **[Project Stats](https:\u002F\u002Fgithub.com\u002Fcloudcli-ai\u002Fcloudcli-plugin-starter)** | Shows file counts, lines of code, file-type breakdown, largest files, and recently modified files for your current project |\n| **[Web Terminal](https:\u002F\u002Fgithub.com\u002Fcloudcli-ai\u002Fcloudcli-plugin-terminal)** | Full xterm.js terminal with multi-tab support|\n| **[CloudCLI Scheduler](https:\u002F\u002Fgithub.com\u002Fgrostim\u002Fcloudcli-cron)** | Create workspace-scoped scheduled prompts and execute them through a local CLI such as Codex, Claude Code, or Gemini CLI|\n### Build Your Own\n\n**[Plugin Starter Template →](https:\u002F\u002Fgithub.com\u002Fcloudcli-ai\u002Fcloudcli-plugin-starter)** — 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.\n\n**[Plugin Documentation →](https:\u002F\u002Fcloudcli.ai\u002Fdocs\u002Fplugin-overview)** — full guide to the plugin API, manifest format, security model, and more.\n\n---\n## FAQ\n\n\u003Cdetails>\n\u003Csummary>How is this different from Claude Code Remote Control?\u003C\u002Fsummary>\n\nClaude Code Remote Control lets you send messages to a session already running in your local terminal. Your machine has to stay on, your terminal has to stay open, and sessions time out after roughly 10 minutes without a network connection.\n\nCloudCLI UI and CloudCLI Cloud extend Claude Code rather than sit alongside it — your MCP servers, permissions, settings, and sessions are the exact same ones Claude Code uses natively. Nothing is duplicated or managed separately.\n\nHere's what that means in practice:\n\n- **All your sessions, not just one** — CloudCLI UI auto-discovers every session from your `~\u002F.claude` folder. Remote Control only exposes the single active session to make it available in the Claude mobile app.\n- **Your settings are your settings** — MCP servers, tool permissions, and project config you change in CloudCLI UI are written directly to your Claude Code config and take effect immediately, and vice versa.\n- **Works with more agents** — Claude Code, Cursor CLI, Codex, and Gemini CLI, not just Claude Code.\n- **Full UI, not just a chat window** — file explorer, Git integration, MCP management, and a shell terminal are all built in.\n- **CloudCLI Cloud runs in the cloud** — close your laptop, the agent keeps running. No terminal to babysit, no machine to keep awake.\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>Do I need to pay for an AI subscription separately?\u003C\u002Fsummary>\n\nYes. CloudCLI provides the environment, not the AI. You bring your own Claude, Cursor, Codex, or Gemini subscription. CloudCLI Cloud starts at $7\u002Fmonth for the hosted environment on top of that.\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>Can I use CloudCLI UI on my phone?\u003C\u002Fsummary>\n\nYes. For self-hosted, run the server on your machine and open `[yourip]:port` in any browser on your network. For CloudCLI Cloud, open it from any device — no VPN, no port forwarding, no setup. A native app is also in the works.\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>Will changes I make in the UI affect my local Claude Code setup?\u003C\u002Fsummary>\n\nYes, for self-hosted. CloudCLI UI reads from and writes to the same `~\u002F.claude` config that Claude Code uses natively. MCP servers you add via the UI show up in Claude Code immediately and vice versa.\n\n\u003C\u002Fdetails>\n\n---\n\n## Community & Support\n\n- **[Documentation](https:\u002F\u002Fcloudcli.ai\u002Fdocs)** — installation, configuration, features, and troubleshooting\n- **[Discord](https:\u002F\u002Fdiscord.gg\u002FbuxwujPNRE)** — get help and connect with other users\n- **[GitHub Issues](https:\u002F\u002Fgithub.com\u002Fsiteboon\u002Fclaudecodeui\u002Fissues)** — bug reports and feature requests\n- **[Contributing Guide](CONTRIBUTING.md)** — how to contribute to the project\n\n## License\n\nGNU Affero General Public License v3.0 or later (AGPL-3.0-or-later) — see [LICENSE](LICENSE) for the full text, including additional terms under Section 7.\n\nThis project is open source and free to use, modify, and distribute under the AGPL-3.0-or-later license. If you modify this software and run it as a network service, you must make your modified source code available to users of that service.\n\nCloudCLI UI  - (https:\u002F\u002Fcloudcli.ai).\n\n## Acknowledgments\n\n### Built With\n- **[Claude Code](https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fdocs\u002Fclaude-code)** - Anthropic's official CLI\n- **[Cursor CLI](https:\u002F\u002Fdocs.cursor.com\u002Fen\u002Fcli\u002Foverview)** - Cursor's official CLI\n- **[Codex](https:\u002F\u002Fdevelopers.openai.com\u002Fcodex)** - OpenAI Codex\n- **[Gemini-CLI](https:\u002F\u002Fgeminicli.com\u002F)** - Google Gemini CLI\n- **[React](https:\u002F\u002Freact.dev\u002F)** - User interface library\n- **[Vite](https:\u002F\u002Fvitejs.dev\u002F)** - Fast build tool and dev server\n- **[Tailwind CSS](https:\u002F\u002Ftailwindcss.com\u002F)** - Utility-first CSS framework\n- **[CodeMirror](https:\u002F\u002Fcodemirror.net\u002F)** - Advanced code editor\n- **[TaskMaster AI](https:\u002F\u002Fgithub.com\u002Feyaltoledano\u002Fclaude-task-master)** *(Optional)* - AI-powered project management and task planning\n\n\n### Sponsors\n- [Siteboon - AI powered website builder](https:\u002F\u002Fsiteboon.ai)\n---\n\n\u003Cdiv align=\"center\">\n  \u003Cstrong>Made with care for the Claude Code, Cursor and Codex community.\u003C\u002Fstrong>\n\u003C\u002Fdiv>\n","CloudCLI（又名Claude Code UI）是一个开源的Web界面，用于在移动设备和网页上使用Claude Code、Cursor CLI或Codex。该项目采用TypeScript编写，提供了响应式设计，支持桌面、平板和手机端无缝切换，具有互动聊天界面、集成Shell终端、文件浏览器以及Git管理等功能。特别适合需要远程管理和操作代码项目的开发者，无论是进行日常编码还是团队协作，都能提供便捷高效的体验。",2,"2026-06-11 03:45:41","high_star"]