LKbaba

Claude Code ChatInWindows — Design skill for Claude Code

Design community intermediate

A Native UI for Windows That Makes Claude Code Instantly Better.

How to install Claude Code ChatInWindows

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

What Claude Code ChatInWindows does

(189 ⭐) - A Native UI for Windows That Makes Claude Code Instantly Better!

One of 4 entries listed from LKbaba/Claude-code-ChatInWindows. The repository README describes the whole collection, not this skill — read it on GitHub.

Alternatives in Design

  • Huashu Design — Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 23.6k ★
  • Design Framework — Convert HTML/CSS design output to framework-specific component code 309 ★
  • Apple Design Skill — Cross-platform UI/UX design reviewer based on Apple HIG 202 ★

Repository README

This is the README for LKbaba/Claude-code-ChatInWindows, shared by 4 entries in this directory. It describes the repository, not this entry specifically.

Claude Code Chat UI – for Windows (No WSL)

**A Native UI for Windows That Makes Claude Code Instantly Better! 🚀**

**🌐 Languages: English | [简体中文](./README.zh-CN.md) | [繁體中文](./README.zh-TW.md)**


📸 Preview

[](docs/assets/ui.png)

🚀 Quick Start

Step 1: Environment Setup

  1. Install Git for Windows (includes Git Bash)
  2. Install Node.js (LTS version recommended, ≥ 18)
  3. Open PowerShell as Administrator and set environment variable:
setx SHELL "C:\Program Files\Git\bin\bash.exe"
  1. Restart your computer (required for changes to take effect)

Step 2: Install Claude Code CLI

After restarting, open a new terminal window:

npm install -g @anthropic-ai/claude-code

⚠️ **VPN Users**: Please ensure **TUN mode** is enabled throughout the installation and usage process, otherwise you may not be able to connect to Claude services.

Step 3: Log in to Claude Code

Using Official Account

claude

A browser window will open for authorization. Log in and copy the token back to the terminal.

Using 🔑 Third-Party API

If you're using a third-party API, configure it in the extension:

  1. Press Ctrl+Shift+C to open the chat interface
  2. Click the settings button ⚙️ in the top right corner
  3. Check "Use Custom API Endpoint"
  4. Enter your API key in the API Key field (e.g., sk-ant-xxxxxxxxxx)
  5. Enter the API address in the Base URL field (e.g., https://v3.codesome.cn)
  6. Settings are saved automatically. "Settings updated successfully" confirms the configuration

[](docs/assets/api.png)

**Switch back to official account**: Uncheck "Use Custom API Endpoint".

💡 **Tips**:

...