yiliqi78

Tokenicode — Design skill for Claude Code

Design community

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

How to install Tokenicode

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

What Tokenicode does

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

Alternatives in Design

Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Brainwave — Learn to create modern websites with sleek parallax effects and bento box layouts 1.9k ★
Guitar — by soramimi - Serves as development guide for Guitar Git GUI Client with build commands for various platforms 1.7k ★

README

TOKENICODE

A Beautiful Desktop Client for Claude Code

[![Version](https://img.shields.io/github/v/release/yiliqi78/TOKENICODE?style=flat-square&color=blue)](https://github.com/yiliqi78/TOKENICODE/releases) [![License](https://img.shields.io/badge/license-Apache%202.0-green?style=flat-square)](LICENSE) [![Platform](https://img.shields.io/badge/platform-macOS%20%7C%20Windows%20%7C%20Linux-lightgrey?style=flat-square)](#installation) [![Tauri](https://img.shields.io/badge/Tauri-2.0-FFC131?style=flat-square&logo=tauri&logoColor=white)](https://tauri.app) [![React](https://img.shields.io/badge/React-19-61DAFB?style=flat-square&logo=react&logoColor=black)](https://react.dev)

**TOKENICODE** wraps the powerful [Claude Code CLI](https://docs.anthropic.com/en/docs/claude-code) 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**](https://github.com/yiliqi78/TOKENICODE/releases) · [**Features**](#features) · [**Screenshots**](#screenshots)

**[English](README.md)** | **[中文](README_zh.md)**

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.