Skip to main content

​
Getting Started

New to ClaudeSpace? Start here to get up and running quickly.

Installation & Setup

Get ClaudeSpace running on your machine in 5 minutes

Agent Basics

Understand projects, folders, and organization

​
Node Types Reference

Learn about the 7 node types that make up your agent systems:

Agent Node

Main agent configuration: system prompt, model, permissions

Skills Node

Agent capabilities: file operations, API calls, code execution

Memory Node

Persistent knowledge: conversation history, knowledge bases

Commands Node

Custom slash commands: /summarize, /review-pr

MCPs Node

External tool integrations: Context7 docs, databases, APIs

Hooks Node

Lifecycle event handlers: PreToolUse, PostToolUse, SessionStart

Sub-agents Node

Delegated specialized agents: code reviewer, researcher

Node Types Overview

Complete reference for all node types

​
Architecture Overview

┌─────────────────────────────────────────┐
│         Electron Desktop App            │
├─────────────────────────────────────────┤
│  Vue 3 + TypeScript + Vite              │
│  ┌────────────┐  ┌──────────────────┐   │
│  │ Node Graph │  │  Chat Interface  │   │
│  │ (Vue Flow) │  │  (Agent Testing) │   │
│  └────────────┘  └──────────────────┘   │
├─────────────────────────────────────────┤
│  Pinia State Management                 │
├─────────────────────────────────────────┤
│  Claude Agent SDK Integration           │
└─────────────────────────────────────────┘
Tech Stack:
  • Electron 28 - Desktop application framework
  • Vue 3 - Modern UI framework with TypeScript
  • Vue Flow - Node graph canvas
  • Pinia - State management
  • Claude Agent SDK - AI agent execution

​
Why ClaudeSpace?

​
The Problem

Manually editing .claude configuration folders is error-prone and difficult to visualize:
  • Hard to understand agent architecture at a glance
  • Easy to misconfigure permissions and tool access
  • Difficult to manage complex multi-agent systems
  • No way to test changes in real-time

​
The Solution

ClaudeSpace provides a visual interface for building Claude AI agents: Visual Node Graph
  • Drag-and-drop canvas for building agent workflows
  • Clear visualization of agent architecture
  • Real-time validation and error checking
Integrated Testing
  • Chat interface built right into the IDE
  • Test agents as you build them
  • See agent thinking process and tool calls
Full Ecosystem Management
  • Skills, Commands, MCPs, Sub-agents, Hooks
  • All managed through intuitive GUI
  • Reusable component library

​
Community & Support

Report a Bug

Found an issue? Let us know on GitHub

Join Discord

Get help and connect with the community

Contribute

Help improve ClaudeSpace
ClaudeSpace - Making AI agent development visual, one node at a time.
⚡ Electron + Vue + Claude SDK = 🚀
MIT License - View License