ClaudeCodeUI
Description
UI Package to build macOS apps for Claude code
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
ClaudeCodeUI
**A Swift Package library for integrating Claude Code UI into your macOS apps.**
ClaudeCodeUI is a dependency-only library that provides a beautiful, native macOS graphical interface for Claude Code conversations. It is designed to be integrated directly into your own macOS applications as a Swift Package — it is not distributed as a standalone app.
⚠️ **Note**: This is not an official Anthropic product.
Features
- 🎨 Native macOS Design - Beautiful SwiftUI interface that feels right at home on macOS
- 💬 Full Chat Interface - Complete conversation management with message history
- 📎 File Attachments - Support for images, PDFs, and other file types
- 🎯 Code Selections - Display and manage code snippets within conversations
- 🗂️ Session Management - Built-in session picker and persistence
- 🎨 Theming - Automatic dark/light mode support
- ⚡ Real-time Streaming - Live response streaming with token usage tracking
- 🛠️ Tool Integration - Full support for Claude's tool use capabilities
- 🔧 MCP Support - Model Context Protocol server integration
Installation
Integrate ClaudeCodeUI into your macOS app:
Swift Package Manager
Add ClaudeCodeUI to your project through Xcode:
- File → Add Package Dependencies
- Enter:
https://github.com/jamesrochabrun/ClaudeCodeUI - Select "Up to Next Major Version" with
1.0.0
Or add it to your `Package.swift`:
dependencies: [
.package(url: "https://github.com/jamesrochabrun/ClaudeCodeUI", from: "1.0.0")
]
Important: ApprovalMCPServer for Package Consumers
When using ClaudeCodeUI as a package dependency, you need to build and provide the ApprovalMCPServer separately for security reasons:
- Add the ApprovalMCPServer dependency:
dependencies: [ .package(url: "https://github.com/jamesrochabrun/ClaudeCodeUI", from: "1.0.0"), .package(url: "https://github.com/jamesrochabrun/ClaudeCodeApprovalServer",
Related Skills
Algorithmic Art
Create generative art using p5.js with seeded randomness, flow fields, and particle systems
Design Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts
Design Canvas Design
Create beautiful visual art in PNG and PDF documents using design philosophy
Design Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality
Design Slack Gif Creator
Create animated GIFs optimized for Slack's size constraints
Design Theme Factory
Style artifacts with professional themes including 10 pre-set color/font combinations
Design Related Agents
Codemod Runner
Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css
Designguru
Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance,
Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://