HeliosAiden

Claude Web UI — Design skill for Claude Code

Design community

personal fork of CloudCLI , extended with built-in support for Free Claude Code (FCC) integration.

How to install Claude Web UI

This entry records only its repository, not the path inside it, so there is no exact command to give. Open HeliosAiden/claude-web-ui and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Web UI does

personal fork of CloudCLI , extended with built-in support for Free Claude Code (FCC) integration. It provides a streamlined web interface for running and managing Claude Code workflows through FCC-compatible backends, making local and proxied Claude environments easier to use, customize, and automate

Alternatives in Design

CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
Plannotator — Interactive plan review UI for Claude Code with visual annotation, offline sharing, and Obsidian/Bear integrat 3.3k ★
Ovis — Ovis (formerly herdr web UI): free, open-source browser and phone client for herdr 1.4k ★

README

Claude Web UI

A desktop and mobile UI for [Claude Code](https://docs.anthropic.com/en/docs/claude-code), [Cursor CLI](https://docs.cursor.com/en/cli/overview), [Codex](https://developers.openai.com/codex), [Gemini-CLI](https://geminicli.com/), and [Free Claude Code](https://github.com/Alishahryar1/free-claude-code). Use it locally or remotely to view your active projects and sessions from everywhere.

*A fork of [Claude Code UI](https://github.com/siteboon/claudecodeui) with built-in support for Free Claude Code (FCC) integration.*

[Bug Reports](https://github.com/HeliosAiden/claude-web-ui/issues) · [Contributing](CONTRIBUTING.md)

*English · [Русский](./README.ru.md) · [Deutsch](./README.de.md) · [한국어](./README.ko.md) · [中文](./README.zh-CN.md) · [日本語](./README.ja.md) · [Türkçe](./README.tr.md)*

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
Session Management - Resume conversations, manage multiple sessions, and track history
Plugin System - Extend Claude Web UI with custom plugins — add new tabs, backend services, and integrations. Build your own →
Activity Bar Navigation — VSCode-style vertical activity bar for switching between Explorer, Bookmarks, Search, Git, and Settings views
Session Tabs — Tmux-like horizontal tab bar for open chat/shell sessions with provider logos, status dots, and close buttons
Chat Find (Ctrl+F) — Search text across all messages in the current conversation with match navigation and highlight