> ## Documentation Index
> Fetch the complete documentation index at: https://docs.claude-space.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# ClaudeSpace Documentation

> Visual IDE for building Claude AI agents with drag-and-drop simplicity

## Getting Started

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

<CardGroup cols={3}>
  <Card title="Installation & Setup" icon="download" href="/docs/getting-started">
    Get ClaudeSpace running on your machine in 5 minutes
  </Card>

  <Card title="Agent Basics" icon="folder-tree" href="/docs/workspace-basics">
    Understand projects, folders, and organization
  </Card>
</CardGroup>

### Node Types Reference

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

<CardGroup cols={2}>
  <Card title="Agent Node" icon="robot" href="/docs/node-types/agent-node">
    Main agent configuration: system prompt, model, permissions
  </Card>

  <Card title="Skills Node" icon="wrench" href="/docs/node-types/skills-node">
    Agent capabilities: file operations, API calls, code execution
  </Card>

  <Card title="Memory Node" icon="brain" href="/docs/node-types/memory-node">
    Persistent knowledge: conversation history, knowledge bases
  </Card>

  <Card title="Commands Node" icon="terminal" href="/docs/node-types/commands-node">
    Custom slash commands: `/summarize`, `/review-pr`
  </Card>

  <Card title="MCPs Node" icon="plug" href="/docs/node-types/mcps-node">
    External tool integrations: Context7 docs, databases, APIs
  </Card>

  <Card title="Hooks Node" icon="fish-fins" href="/docs/node-types/hooks-node">
    Lifecycle event handlers: PreToolUse, PostToolUse, SessionStart
  </Card>

  <Card title="Sub-agents Node" icon="users" href="/docs/node-types/subagents-node">
    Delegated specialized agents: code reviewer, researcher
  </Card>

  <Card title="Node Types Overview" icon="sitemap" href="/docs/node-types/overview">
    Complete reference for all node types
  </Card>
</CardGroup>

## 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

<CardGroup cols={3}>
  <Card title="Report a Bug" icon="bug" href="https://github.com/FilipeBorges1993/ClaudeSpaceElectron/issues">
    Found an issue? Let us know on GitHub
  </Card>

  <Card title="Join Discord" icon="discord" href="https://discord.gg/2tr2S7yw">
    Get help and connect with the community
  </Card>

  <Card title="Contribute" icon="github" href="https://github.com/FilipeBorges1993/ClaudeSpaceElectron">
    Help improve ClaudeSpace
  </Card>
</CardGroup>

***

<div align="center">
  **ClaudeSpace** - Making AI agent development visual, one node at a time.

  ```
  ⚡ Electron + Vue + Claude SDK = 🚀
  ```

  MIT License - [View License](https://github.com/FilipeBorges1993/ClaudeSpaceElectron/blob/main/LICENSE)
</div>