back to home

yiliqi78 / TOKENICODE

A Claude Code GUI — Tauri 2 + React 19 + TypeScript + Tailwind CSS 4

174 stars
15 forks
0 issues
TypeScriptRustCSS

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing yiliqi78/TOKENICODE in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context on-demand, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Source files are only loaded when you start an analysis to optimize performance.

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind.in/repo/yiliqi78/TOKENICODE)
Preview:Analyzed by RepoMind

Repository Overview (README excerpt)

Crawler view

TOKENICODE A Beautiful Desktop Client for Claude Code **TOKENICODE** wraps the powerful Claude Code CLI in a polished desktop interface — bring your own API key, connect any provider, and get a native coding experience with file exploration, session management, and structured permission control. **Download** · **Features** · **Screenshots** --- **English** | **中文** Why TOKENICODE? | | | | | |:---:|:---:|:---:|:---:| | 🔑 **Bring Your Own API** | 🇨🇳 **China-Ready** | 🛡️ **SDK Control Protocol** | 🎨 **Beautiful & Native** | | 6 preset providers + custom endpoints. One-click config import/export. | Gitee mirror for updates, pre-configured Chinese API providers (DeepSeek, Zhipu GLM, Qwen, Kimi, MiniMax). | Structured permission approval — 4 work modes (code / ask / plan / bypass) with typed allow/deny over stdin. | Tauri 2 native desktop experience. Multiple themes × light/dark mode. | Installation Prerequisites • Claude Code CLI — TOKENICODE can auto-detect, install, and authenticate it for you on first launch macOS Download the latest from Releases, open it, and drag **TOKENICODE** to your Applications folder. Available for both Apple Silicon (arm64) and Intel (x86_64). The app is code-signed and notarized — no extra steps needed. Windows Download the latest or installer from Releases and run it. Requires Windows 10 or later. Linux Download the , , or package from Releases. Requires WebKit2GTK. > **China users:** If GitHub downloads are slow, grab releases from the Gitee mirror. The app also checks Gitee for updates when GitHub is unreachable. Getting Started • **Open TOKENICODE** — if the Claude Code CLI is not installed, the setup wizard guides you through installation and login, no terminal required • **Select a project folder** from the welcome screen or input bar • **Start chatting** — the Claude CLI session runs seamlessly in the background • **Configure your API** (optional) — open Settings → API Provider to add third-party keys or import a config Features Third-Party API Providers Use Claude through any compatible API endpoint — not just Anthropic's official API. • **6 preset providers** in a visual 2×3 grid: Anthropic, DeepSeek, Zhipu GLM, Qwen Coder, Kimi k2, MiniMax • **Custom endpoints** with Anthropic or OpenAI-compatible format • **One-click JSON import** to share configs across machines • **Quick connection test** with response time display (e.g. ) • **Per-card export** for easy backup China-Ready TOKENICODE is designed to work well behind the Great Firewall: • **Gitee update mirror** — when GitHub is unreachable, auto-update falls back to Gitee • **Chinese API presets** — DeepSeek, Zhipu GLM, Qwen Coder, Kimi k2, MiniMax are pre-configured with correct endpoints • **Proxy auto-detection** — inherits system proxy environment variables on macOS • **Full Chinese UI** — switch to Chinese from Settings at any time SDK Control Protocol TOKENICODE v0.8.0 uses Claude CLI's native control protocol for permission handling: • Permission requests flow as structured JSON through stdout • Responses are typed / messages via stdin • Switch between **code**, **ask**, **plan**, and **bypass** modes at runtime • Change model on-the-fly without restarting the session Streaming Chat Real-time conversation with Claude Code using NDJSON streaming. The UI shows distinct phases: • **Thinking** — spinner animation while Claude reasons • **Writing** — blue indicator as Claude composes its response • **Tool execution** — animated display of file edits, shell commands, and more Session Management All Claude Code sessions are persisted and fully manageable: • **Pin** sessions to the top of each project group • **Archive** sessions to hide them from the default view • **Batch operations** — multi-select for bulk delete or archive • **Date separators** — Today / Yesterday / This Week / Earlier • **Smart collapse** — only the active project group auto-expands • **AI title generation** — automatic short title after the first reply • **Undo delete** — 5-second recovery window for accidental deletions • **Search** with a running-sessions-only filter • **Export** to Markdown or JSON, rename, resume any session File Explorer & Editor Browse your project tree with full file management: • **SVG file icons** for 20+ file types with color coding • **Change markers** on files modified by Claude • **Create new files and folders** via right-click context menu • **Flat search** with relative path context • **Built-in CodeMirror editor** with syntax highlighting for 12+ languages (Python, TypeScript, Rust, Go, Java, C++, SQL, Markdown, JSON, YAML, HTML, CSS, XML) • **Double-click** to open in VS Code Checkpoints & Rewind File restoration uses Claude CLI's native checkpoint system: • Restore **code**, **conversation**, or **both** independently • Powered by and CLI file checkpointing • Integrated restore button in the conversation timeline Slash Commands & Command Palette • Full Claude Code slash command support with autocomplete popover • Shows built-in commands, project commands, and skills • **Command Palette** ( / ) for quick access to new chats, panel toggles, theme switching, and settings Agent Activity Monitor Claude's sub-agents in real-time — see which agents are spawning, thinking, running tools, or completed. Skills & MCP Manage Claude Code skills (edit, enable/disable, right-click context menu) and MCP server connections directly from the UI. Customization • **Themes** — multiple accent colors with light, dark, and system-following modes • **Languages** — full Chinese and English support, switchable from Settings • **Font size** — adjustable with keyboard shortcuts • **Thinking depth** — 5-level thinking depth control Keyboard Shortcuts | Shortcut | Action | |----------|--------| | | Open command palette | | | New chat | | | Toggle sidebar | | | Toggle file panel | | | Open settings | | | Send message | | / | Adjust font size | | | Reset font size | | | Close overl…