Claude Web
Description
Claude Web là giao diện web cho Claude Code/Claude CLI, được xây dựng để mang trải nghiệm làm việc với Claude lên một UI trực quan, hiện đại và dễ quản lý hơn. Dự án sử dụng kiến trúc tách biệt frontend và backend, giao tiếp thời gian thực qua Socket.IO, giúp theo dõi trạng thái xử lý, tool calls, sub-agents, MCP servers, kế hoạch thực thi...
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
Claude Web — Giao diện Web cho Claude CLI
Giao diện web hiện đại, mạnh mẽ dành cho [Claude CLI](https://claude.ai/download), cho phép bạn trò chuyện, quản lý dự án và điều khiển AI thực thi các tác vụ lập trình (thay thế Terminal truyền thống).
📖 Tài liệu hướng dẫn
Vui lòng tham khảo các tài liệu chi tiết sau đây để hiểu rõ hơn về hệ thống:
- Tổng quan & Đánh giá (Overview): Giới thiệu hệ thống, kiến trúc và đánh giá cấp độ tích hợp hiện tại.
- Hướng dẫn Cài đặt & Triển khai (Setup): Chi tiết cách thiết lập môi trường Development và Production.
- Cấu trúc thư mục (Structure): Sơ đồ tổ chức các thành phần trong dự án.
✨ Tính năng nổi bật
- Quản lý phiên (Session Management): Lưu trữ và quản lý lịch sử trò chuyện dài hạn qua ID đồng bộ với Claude CLI.
- Tương tác công cụ thực tế (Tool Interaction): Hỗ trợ đầy đủ việc xin quyền thực thi (
Permission) và trả lời câu hỏi (AskUserQuestion) cho AI. - Tiến trình theo dòng thời gian (Timeline UI): Hiển thị chi tiết từng bước suy luận (
thinking) và thực thi công cụ trong một giao diện trực quan. - Thiết kế hiện đại (Modern Design): Sử dụng các tiêu chuẩn thiết kế mới nhất (Dark mode, Glassmorphism) mang lại trải nghiệm chuyên nghiệp.
🛠 Bắt đầu nhanh (Quick Start)
Nếu bạn đã có Node.js và Claude CLI, hãy chạy các lệnh sau:
# Cài đặt
cd backend && npm install
cd ../frontend && npm install
# Chạy môi trường Dev (Dùng 2 Terminal)
# Terminal 1:
cd backend && npm run dev
# Terminal 2:
cd frontend && npm run dev
📜 Giấy phép
ISC License.
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://