DEV Community

Pilos Agents
Pilos Agents

Posted on

I Built a Visual Desktop App for Claude Code — Here's What I Learned

Claude Code is an incredible AI coding assistant, but it lives in the terminal. I wanted something more visual — a native desktop app where I could manage multiple projects, coordinate AI agent teams, and connect tools with one click.

So I built Pilos Agents.

Pilos Agents demo

What Is Pilos Agents?

Pilos Agents is an open-source (MIT) Electron app that wraps Claude Code with a proper desktop UI. Think of it as the visual layer on top of Claude Code's CLI.

Key features:

  • Multi-project tabs — Work on multiple codebases simultaneously, each with isolated conversations
  • Multi-agent teams — PM, Architect, Developer, Designer, and Product agents collaborate on tasks with distinct perspectives
  • One-click MCP integrations — Connect GitHub, Jira, Supabase, Sentry, browser automation and more without editing JSON configs
  • Persistent memory — SQLite-backed project memory that carries across sessions and restarts
  • Built-in terminal — Full xterm.js terminal embedded alongside agent output

No lock-in. Your Claude Code CLI does all the AI work. Pilos is just the visual layer on top.

The Multi-Agent Approach

The most interesting feature is multi-agent collaboration. Instead of a single AI assistant, you get a team:

  • PM breaks down tasks and tracks priorities
  • Architect designs system-level solutions
  • Developer writes the code
  • Designer reviews UI/UX and accessibility
  • Product prioritizes based on user value

Each agent has a distinct personality and perspective. When you describe a feature, they discuss it from their angles before implementation begins. It's like having a tiny product team inside your editor.

MCP: The Integration Layer

Model Context Protocol (MCP) is what makes Claude Code extensible. Pilos makes MCP setup painless:

  • GitHub — Create PRs, review code, manage issues
  • Supabase — Query databases, manage migrations
  • Jira — Read and update tickets from the conversation
  • Browser automation — Let Claude see and interact with your browser
  • Computer Use — macOS screen automation for visual tasks

Instead of hand-editing JSON config files, you toggle integrations on/off with a single click.

Tech Stack

Layer Technology
Desktop Electron
Frontend React 19, Tailwind CSS, Zustand
Build Vite, TypeScript
Terminal xterm.js
Storage better-sqlite3
AI Claude Code CLI (spawned as child process)

The app spawns Claude Code as a child process and communicates via the CLI's streaming output. This means you get the full power of Claude Code without any API abstraction layer.

Getting Started

Download:

Prerequisites: Claude Code CLI installed and authenticated.

Or build from source:

git clone https://github.com/pilos-ai/agents.git
cd agents
npm install
npm run dev
Enter fullscreen mode Exit fullscreen mode

What's Next

We're actively building:

  • More MCP integrations (Linear, Notion, Slack)
  • Custom agent roles and personalities
  • Team sharing and collaboration features

Join the Community

  • GitHub — Star the repo, report issues, contribute
  • Discord — Chat with us and other users
  • Twitter/X — Follow for updates

If you're using Claude Code and want a better desktop experience, give Pilos a try. And if you build something cool with it, I'd love to hear about it!


Pilos Agents is MIT licensed. The core is free and open source. Pro extensions (browser automation, computer use, Jira, Sentry) are available at pilos.net/pricing.

Top comments (0)