VSCode Cc Gui — Development skill for Claude Code
100% 开源的 Claude Code CLI 与 Codex 图形界面(VS Code 插件).
How to install VSCode Cc Gui
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open hpstream/vscode-cc-gui and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What VSCode Cc Gui does
100% 开源的 Claude Code CLI 与 Codex 图形界面(VS Code 插件)。
Alternatives in Development
- Understand Anything — Graphs that teach graphs that impress 80.7k ★
- OpenAI Codex CLI — (Rust implementation) 67.8k ★
- Vibe Kanban — Get 10X more out of Claude Code, Gemini CLI, Codex, Amp and other coding agents 23.5k ★
README
CCGUI / CC GUI (Claude, Codex, OpenCode, Kimi...)
[中文](./README.zh-CN.md)
**CCGUI** (also known as **CC GUI** / **ccgui**) is a 100% open-source GUI for Claude Code CLI, Codex, OpenCode, Kimi, Grok, and more — shipped as a VS Code extension.
**Unofficial.** CC GUI is an independent open-source project and is **not affiliated with, endorsed by, or sponsored by** Anthropic, OpenAI, Microsoft, or other third-party tool vendors.
Build and Package the VSIX
From the project root:
npm install
cd webview && npm install && cd ..
cd ai-bridge && npm install && cd ..
npm run build
npm exec --yes --package=@vscode/vsce -- vsce package
The generated file is named `vscode-cc-gui-.vsix` in the project root. Install it in VS Code with:
code --install-extension ./vscode-cc-gui-0.1.1.vsix
Repair a broken global `vsce` command
If a global `vsce` install is broken, reinstall it:
npm uninstall -g @vscode/vsce
npm install -g @vscode/vsce
vsce package
License
[MIT](./LICENSE)
Contributors
Thanks to everyone who has helped make CC GUI better.
Acknowledgements
- This project was originally adapted from jetbrains-cc-gui, with permission from the original author.
- The Design · Usage Statistics module is largely based on the TokenTracker source code.
Trademarks
- Claude and Claude Code are trademarks of Anthropic, PBC.
- Codex, ChatGPT, and OpenAI are trademarks of OpenAI.
- Visual Studio Code and VS Code are trademarks of Microsoft Corporation.
These names are used solely to describe third-party products and technologies that this extension is compatible with or integrates. They do
Related Skills
Alan Code Agent
Open-source Python implementation of a Claude-Code-like agent (Gemini CLI, Codex, Copilot...). Usable in CLI,
Do SOUL Alaya
The local-first memory plane for CLI coding agents. Codex and Claude Code attach via MCP; SQLite-backed, evide
JMComic Downloader
JMComic downloader: a standalone Windows GUI (no Python needed), a portable Agent Skill for DSH/Codex/Claude C
VSCode Agent SDK Update
Pre-install VS Code/Insiders agent-host SDK cache (claude/codex) so you can use local agents without a Copilot
Agent Usage Bar VSCode
Show Claude Code and Codex account usage windows in the VS Code status bar.
Device Control Agent
You are an autonomous macOS agent with full control of this device via two CLI tools: - steer — GUI automation
Related Agents
Behavior Tester
Behavior-first tester (فاحص السلوك) — runs an application or code deliverable against an agreed behavior speci
Agent Of Empires
Claude Code, OpenCode, Mistral Vibe, Codex CLI, Gemini CLI Coding Agent Terminal Session manager via tmux and
Async Code
Use Claude Code or CodeX CLI to perform multiple tasks in parallel with a Codex-style UI, functioning as a per