twidi

Twicc — Design skill for Claude Code

Design community

TWICC - The Web Interface for Claude & Codex - A web UI to browse and interact with your Claude Code and Codex sessions.

How to install Twicc

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

What Twicc does

TWICC - The Web Interface for Claude & Codex - A web UI to browse and interact with your Claude Code and Codex sessions. View projects, sessions, conversation history, costs, and run Claude and Codex agents — all from your browser.

Alternatives in Design

  • CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
  • Companion — 2,200+ Web & mobile UI for Claude Code & Codex 2.2k ★
  • Clui Cc — A lightweight, transparent desktop overlay for Claude Code on macOS 956 ★

README

TwiCC

**T**he **W**eb **I**nterface for **C**laude and **C**odex

One self-hosted web interface for both [Claude Code](https://docs.anthropic.com/en/docs/claude-code) (Anthropic) and [Codex](https://openai.com/codex/) (OpenAI): browse your projects and sessions, run agents and follow them live, track costs and quotas, and stay in control of your AI coding work — from your desktop or your phone.

Screenshots

Home — your workspaces, each grouping related projects, with live activity and session counts at a glance:

![Home with workspaces](https://raw.githubusercontent.com/twidi/twicc/main/frontend/public/screenshots/home-with-workspaces.webp)

Workspace overview — sessions in the sidebar, plus stats on sessions, message turns and costs:

![Workspace overview](https://raw.githubusercontent.com/twidi/twicc/main/frontend/public/screenshots/workspace-home.webp)

A session in a custom dockable layout: chat, files, git and terminal, side by side:

![Session in a dockable layout](https://raw.githubusercontent.com/twidi/twicc/main/frontend/public/screenshots/session-view.webp)

Follow an agent live — every tool call, thinking step and diff, with the git panel alongside:

![Following an agent live](https://raw.githubusercontent.com/twidi/twicc/main/frontend/public/screenshots/tools-view.webp)

Dock and tab panes as you like — here a file editor next to an integrated terminal:

![Tabbed and docked panes](https://raw.githubusercontent.com/twidi/twicc/main/frontend/public/screenshots/session-tabs-view.webp)

Settings, synced across your devices: theme, providers, layouts, notifications and more:

![Settings](https://raw.githubusercontent.com/twidi/twicc/main/frontend/public/screenshots/settings-view.webp)

Pick a model and reasoning effort in seconds:

https://github.com/user-attachments/assets/65033859-ed67-42fc-8b64-fa13204659da

[![Crafted with love](https://img.shields.io/badge/crafted_with-love-red?style=social&logo=githubsponsors&logoColor=red)](https