QiuGuangwww

Grok Cli2Web — Design skill for Claude Code

Design community

A local, Claude-style web UI for Grok.

How to install Grok Cli2Web

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

What Grok Cli2Web does

A local, Claude-style web UI for Grok. Runs on localhost only, with streaming chat, file upload, CLI session history, slash commands, and web search. Open it from the Grok TUI with /web. Conversations stay on your machine.

Alternatives in Design

NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Design Review Workflow — by Patrick Ellis - A tailored workflow for enabling automated UI/UX design review, including specialized sub a 3.7k ★
Ovis — Ovis (formerly herdr web UI): free, open-source browser and phone client for herdr 1.4k ★

README

Grok-Cli2Web

A local web UI for Grok, styled after Claude

Listens on `127.0.0.1` only · chats stay on disk in `~/.grok/web-chat/`

[Features](#features) · [Multi-agent](#multi-agent) · [Run](#run) · [Auth](#auth) · [`/web`](#grok-cli-web)

Features

Streaming replies with Markdown, tables, and KaTeX ( $...$ / $$...$$)
Modes in the composer (chat, research, web, think, code, write, multi-agent)
Copy on code blocks and tables; edit or regenerate messages
Upload, drag, or paste images and documents. Every composer mode (chat, research, web, think, code, write, multi-agent) can read local files like the CLI. The permission menu is 需要批准 / 自动审批 / 全部权限; a crew asks once for the whole run, not per specialist.
Load Grok CLI history from ~/.grok/sessions/ as read-only (web chats stay in ~/.grok/web-chat/)
/ command menu: modes, export, usage, workflows, and more
Server-side tools: web search, X search, and code interpreter (tool stubs are stripped from the answer)
If a reply loops on “I’ll call / I’ll execute”, it is cut off and recovered in layers: retry, swap model, then shrink the task
Inspect panel for process and team; View process only appears when there is something to show
Settings split like Claude (account / multi-agent / appearance / language). Multi-agent has a headcount cap and a run budget slider (far right = ♾️ Unlimited)
Themes: light, paper, moss, azure; dark, midnight, dusk, cyber. UI in 中文 / English / 日本語

Multi-agent

Composer mode **Multi-agent**. The lead plans a few steps; independent steps run together. A step can have several specialists plus a step lead who aligns them. Later steps consume a **filtered fact contract** (claim, source, confidence), not other specialists' essays. The original user goal is pinned and cannot be overwritten by the board.

The headcount slider is a **maximum** (2–144),