lcoutodemos

Clui Cc — Design skill for Claude Code

Design community intermediate

A lightweight, transparent desktop overlay for Claude Code on macOS.

How to install Clui Cc

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

What Clui Cc does

A lightweight, transparent desktop overlay for [Claude Code](https://docs.anthropic.com/en/docs/claude-code) on macOS. Clui CC wraps the Claude Code CLI in a floating pill interface with multi-tab sessions, a permission approval UI, voice input, and a skills marketplace.

Alternatives in Design

Claude Code Plugins (jeremylongshore) — Marketplace-style repo bundling instruction-template plugins and MCP plugin packs, with install docs 1.7k ★
Design AR Overlay — Design an AR overlay interface — anchor strategy, world tracking UI, scan states, confirmation overlays, and o 309 ★
3D Studio Pricing — Create a full-screen hero section with a looping video background and a pricing card overlay 152 ★

README

Clui CC — Command Line User Interface for Claude Code

Demo

[](https://www.youtube.com/watch?v=NqRBIpaA4Fk)

▶ Watch the full demo on YouTube

Features

Floating overlay — transparent, click-through window that stays on top. Toggle with ⌥ + Space (fallback: Cmd+Shift+K).
Multi-tab sessions — each tab spawns its own claude -p process with independent session state.
Permission approval UI — intercepts tool calls via PreToolUse HTTP hooks so you can review and approve/deny from the UI.
Conversation history — browse and resume past Claude Code sessions.
Skills marketplace — install plugins from Anthropic's GitHub repos without leaving Clui CC.
Voice input — local speech-to-text via Whisper (required, installed automatically).
File & screenshot attachments — paste images or attach files directly.
Dual theme — dark/light mode with system-follow option.

Why Clui CC

Claude Code, but visual — keep CLI power while getting a fast desktop UX for approvals, history, and multitasking.
Human-in-the-loop safety — tool calls are reviewed and approved in-app before execution.
Session-native workflow — each tab runs an independent Claude session you can resume later.
Local-first — everything runs through your local Claude CLI. No telemetry, no cloud dependency.

How It Works

UI prompt → Main process spawns claude -p → NDJSON stream → live render
                                         → tool call? → permission UI → approve/deny

See [`docs/ARCHITECTURE.md`](docs/ARCHITECTURE.md) for the full deep-dive.