Quads Lab
quadslab.io
Home
Quads's Tools
MusicDiscordYouTube
Sign In
Quads Lab
quadslab.io

Ideas mutate into systems. What survives gets shipped. A space for builders who execute—no fluff, no gatekeeping.

Navigation

  • Home
  • Tools
  • Music
  • Discord
  • YouTube

Resources

  • Stack
  • Tutorials
  • Discord
  • Subscribe
  • Launch Dr. Vibe

Company

  • Contact
Join the Lab

© 2026 quadslab.io. All rights reserved.

Hosted on Railway

Built withby the mad scientist

Quads Lab
quadslab.io
Home
Quads's Tools
MusicDiscordYouTube
Sign In
Tauri 2 + Rust
Multi-Agent Terminal Manager
In Development
QuadFlow Icon

Your AI Agents Deserve a Better IDE

A desktop application purpose-built for managing multiple AI coding agents in a tiled terminal layout. Claude Code, Codex, project tools, and multi-agent orchestration — all in one window.

Join the WaitlistView on GitHub

See It in Action

A mosaic layout with Claude and Codex agents, Kanban board, and file browser. Terminal highlighting lets you instantly see which pane is active, which needs attention, and which is idle — at a glance.

QuadFlow — my-project
Q
QuadFlow
⚙Settings
◧Tools
Ideas
Issues
Plans
📁my-project
MCP
2x2
4 panes
📂 Explorer
▼src
▼components
Toolbar.tsx
Layout.tsx
Terminal.tsx
▼stores
terminalStore.ts
sessionStore.ts
▶lib
▶src-tauri
package.json
CLAUDE.md
Claude
Opus 4.6 — auth-refactor
⋮
─
✕
╭──────────────────────────────────╮
│ Claude Code v1.0.34 │
╰──────────────────────────────────╯
> Refactor auth middleware to use JWT
Read src/middleware.ts
Edit src/middleware.ts (+24 -8)
Edit src/lib/auth.ts (+12 -3)
Done (8 tool uses)
> ▊
Claude
Sonnet 4.6 — test-suite
⋮
─
✕
> Write tests for auth module
Read src/lib/auth.ts
Write tests/auth.test.ts
⚡ Allow Edit src/lib/auth.ts?
Press y to allow, n to deny
Codex
codex — api-layer
⋮
─
✕
╭──────────────────────────────────╮
│ Codex CLI v0.1 │
╰──────────────────────────────────╯
Idle — waiting for prompt
Session: api-layer
Model: codex-mini
> ▊
IssuesKanban
⋮
─
✕
Backlog3
Fix login timeout
Update deps
In Progress1
Auth refactor
Done4
Setup CI/CD
Add lint rules
Minimized
Scripts
Chat
Plans
4 active · 3 minimized

Everything You Need to Ship

Nine core systems designed to eliminate friction between you, your AI agents, and production.

Mosaic Terminal Layout

Fully flexible tiled window system powered by react-mosaic. Drag-and-drop splitting, resize, minimize, float to separate windows. Layout presets from 1x1 to 3x2 with one-click switching.

Claude & Codex Integration

Native support for Claude Code and OpenAI Codex CLI. Auto-detect sessions, resume on restart, model selection per terminal. Prompt modal with session history.

Built-in Project Tools

Ideas board, issue tracker with Kanban, implementation plans, script launcher, code editor, dependency graph, and more — all dockable as panes or flyouts.

Multi-Agent Orchestration

Mission Control for spawning agent teams. Assign issues, track progress with activity feeds, review proposals, manage merge queues — a full command center.

MCP Server (Rust)

Bundled Rust MCP sidecar gives every Claude Code agent instant access to Ideas, Issues, Plans, Scripts, and Chat. One-click enable, auto-configured per user.

39+ Slash Commands

Skill system powered by markdown templates. /brainstorm, /architect, /dispatch, /triage-issues, /run-script — every project gets the full skill suite auto-bootstrapped.

Projects & Workspaces

Switch between projects instantly. Each project gets named workspaces that save your full terminal + tool layout. Restore everything on startup, right where you left off.

WebGL Terminal Rendering

xterm.js with the WebGL addon for buttery 60fps rendering. Configurable fonts, cursor styles, scrollback, copy-on-select, right-click paste, and more.

Deep Customization

Accent colors, glow intensity, UI scale, panel gaps, border radius, 9 mono fonts, dark/light/system theme, import/export settings. Make it truly yours.

One-Click Layout Presets

Switch between 6 mosaic layouts instantly. Left-click to cycle, right-click to pick. Drag to reorder, pin favorites to the toolbar.

Grid
2x2 balanced
Columns
3 side-by-side
Rows
3 stacked
Main + Side
60/40 split
Main + Bottom
Hero top panel
Focus
Single maximized

Built-in Tool Panels

Every tool opens as a dockable pane or a flyout sidebar. Pin to your toolbar, drag into any tile, or minimize to the bar.

Ideas

Capture feature ideas with tags, categories, priorities. AI-powered suggestions for rewording, expanding, and clarifying. Convert to issues with one click.

Issues

Full Kanban board with drag-and-drop across Backlog, Todo, In Progress, QA, Done, and Blocked columns. Labels, priorities, epics, acceptance criteria, GitHub sync.

Plans

Structured implementation plans with ordered steps, dependencies, effort estimates, risk analysis, and architectural decisions. Promote steps to issues for team coordination.

Scripts

Save and organize build, test, and deploy commands. Assign terminal environments per script. One-click execution with auto-restart on crash.

GitHub

Browse repos, branches, commits, pull requests, and releases. Inline git status widget shows current branch and working tree state at a glance.

Code Editor

Integrated CodeMirror editor with syntax highlighting for 15+ languages including TypeScript, Rust, Python, Go, SQL, and Markdown. Open files directly from the sidebar.

Plus: Chat · Usage Monitor · Mission Dashboard · Team Dashboard · Dependency Graph · App Launcher · OBS Tracker · YouTube Live · Discord Bot · Env File Viewer · Code Quality

Built-in Code Editor

CodeMirror-powered editor with syntax highlighting for 25+ languages, inline editing, and Tauri file system integration.

useSession.ts(unsaved)
Editing
Save
1
import { useState, useEffect } from 'react';
2
import { invoke } from '@tauri-apps/api/core';
3
 
4
interface Session {
5
  id: string;
6
  provider: 'claude' | 'codex';
7
  model: string;
8
  status: 'active' | 'idle' | 'attention';
9
  contextUsage: number;
10
}
11
 
12
export function useSession(id: string) {
13
  const [session, setSession] = useState<Session | null>(null);
14
 
15
  useEffect(() => {
16
    invoke('get_session', { id })
17
      .then(data => setSession(data as Session));
18
  }, [id]);
src/hooks/useSession.tsTypeScript

39+ Slash Commands

Every project gets the full skill suite auto-bootstrapped. Type a slash command in any Claude Code terminal and the agent handles the rest via MCP.

Ideas

/organize-ideas/brainstorm/idea-summary/suggest-improvements/check-implemented/ideas-maintenance/find-duplicates/estimate-complexity

Issues

/organize-issues/triage-issues/issue-summary/issue-to-prompt/check-issue-progress/find-duplicate-issues/ideas-to-issues

Plans

/create-rich-plan/plan-from-idea/plan-summary/plan-to-issues/organize-plans/update-plan-progress/launch-team

DevOps

/run-script/setup-scripts/setup-python/detect-environments/setup-environment/assign-environment/script-summary

Strategy

/architect/dispatch/weekly-digest/idea-to-prompt/find-related-code/team-status

Powered by a Rust MCP Server

QuadFlow bundles a standalone Rust binary (quadflow-mcp) as a Tauri sidecar. It exposes all project data — Ideas, Issues, Plans, Scripts, Environments, and Chat — to any Claude Code agent via the Model Context Protocol. Enable it with one click; it auto-configures at the user level so every project benefits.

Skills in Action

Type a slash command — the agent handles the rest via MCP tool calls to QuadFlow's Rust server.

Claude
Opus 4.6 — my-project
⋮
─
✕
> /organize-ideas
Running skill: organize-ideas
MCP mcp__quadflow__list_ideas → 12 ideas found
MCP mcp__quadflow__add_tag → idea-1 + "ui-window"
MCP mcp__quadflow__add_tag → idea-2 + "ai-integration"
MCP mcp__quadflow__add_tag → idea-3 + "devops"
MCP mcp__quadflow__update_idea → idea-4 priority: high
... 7 more MCP calls
Organize Summary
12 ideas organized across 5 categories
ui-window 4ai-integration 3devops 2ux-improvement 2performance 1
2 potential duplicates found — consider merging ideas 5 & 9
Done (14 tool uses)

Fully Customizable

Every aspect of QuadFlow is configurable. Export your settings to share with your team, or import them on a new machine.

Terminal

  • -Font family (9 mono fonts)
  • -Font size & line height
  • -Cursor style & blink
  • -Scrollback lines (1K-100K)
  • -Copy on select
  • -Right-click paste
  • -WebGL rendering toggle
  • -Bell style (none/visual/sound)
  • -Terminal padding
  • -Confirm close protection

Theme

  • -Dark / Light / System mode
  • -8 accent color presets
  • -UI scale (80%-120%)
  • -Panel border radius
  • -Panel gap spacing
  • -Glow intensity (off to intense)
  • -Attention & idle glow colors
  • -Idle timeout (10-300s)
  • -Reduce motion

AI Agents

  • -Custom model lists per provider
  • -Default model per provider
  • -Context window overrides
  • -Startup delay timing
  • -Session poll intervals
  • -Auto-submit prompt toggle
  • -Max poll attempts

Workspace

  • -Auto-save on/off + interval
  • -Restore on startup toggle
  • -Default working directory
  • -Default workspace template
  • -Layout preset ordering
  • -Pin presets to toolbar
  • -Import / export settings

The Settings Panel

8 accent colors, glow intensity controls, UI scale, corner radius, font selection, and more — all in one place.

⚙Settings
✕
⚙General
▣Terminal
◆AI Agents
⚡Integrations
◈Claude Config
☰Advanced
Accent Color
✓
Purple #7c3aed
Active Window Glow
Off
Subtle
Normal
Intense
Glow Colors
Attention#f97316
Idle#3b82f6
Interface Scale
100%
80%100%120%
Corner Roundness
8px
SquareRounded
Terminal Font
JetBrains Mono▼

Keyboard First

Command PaletteCtrl + K
Command Palette (VS Code)Ctrl + Shift + P
Toggle File BrowserCtrl + B
Close Active PaneCtrl + W
Cycle PresetsClick Layout
Context MenusRight-click

The Command Palette

Fuzzy search across tools, actions, skills, terminals, and entities. Prefix shortcuts for instant filtering.

Search commands...
Navigation
◧Open IssuesKanban board
◧Open IdeasIdea backlog
◧Open SettingsPreferences
Actions
▸New TerminalCtrl+N
▸Close Active PaneCtrl+W
▸Toggle File BrowserCtrl+B
▸Split Horizontal
Skills
//organize-ideasCategorize and tag ideas
//brainstormGenerate related ideas
//create-rich-planDetailed implementation plan
↑↓ navigate↵ selectesc close> actions# issues@ terminals

Tech Stack

Native performance meets modern web UI. Rust backend, React frontend, SQLite persistence.

Tauri 2
Desktop Framework
Rust
Backend & MCP Server
React 18
UI Framework
TypeScript
Type Safety
Tailwind CSS
Styling
Zustand
State (34 stores)
xterm.js
Terminal Rendering
SQLite
Local Database
CodeMirror
Code Editor
react-mosaic
Tiled Layout

Roadmap

15 planned phases. Here's where we stand.

Phase 1-2COMPLETE

Core + Sessions

  • ✓Multi-terminal grid
  • ✓WebGL rendering
  • ✓SQLite persistence
  • ✓Session auto-save/restore
  • ✓Claude session detection & resume
Phase 3-7COMPLETE

Tools + MCP + Skills

  • ✓Ideas, Issues, Plans, Scripts
  • ✓MCP server (Rust sidecar)
  • ✓39+ slash commands
  • ✓GitHub integration
  • ✓Code editor, file browser
Phase 8-9IN PROGRESS

Agents + Missions

  • →Multi-agent orchestration
  • →Mission Control dashboard
  • →Team management
  • →Codex CLI support
  • →Semantic search
Phase 10+UPCOMING

Public Beta

  • ○AI code review
  • ○Cost/token management
  • ○Collaboration features
  • ○Plugin ecosystem
  • ○Community launch

Terminal Environments

Auto-detects available shells and developer tools on your system. Create custom environments with init commands and env vars.

Git Bash
PowerShell
CMD
VS 2022 Dev Shell
VS 2019 Native Tools
Custom Shells

Why QuadFlow

AI-Native

Not bolted-on AI. Claude Code and Codex integration is baked into the architecture. MCP, skills, session management — first-class.

Built for Velocity

Every feature is designed to reduce time-to-ship. Command palette, one-click scripts, workspace restore, drag-and-drop everything.

Local & Private

SQLite database on your machine. No cloud dependency. Your code, your data, your agents. Export settings as JSON anytime.

Rust-Powered

Tauri 2 + Rust backend means native performance with a tiny footprint. The MCP server is a compiled Rust binary — no Node.js overhead.

Orchestrate & Monitor

Launch agent teams, assign roles, track task progress, and monitor token usage — all from built-in dashboards.

Team Dashboard

Spawn agents with roles, track heartbeats, monitor task progress in real time.

👥Team: auth-refactorActive
4 agents6/14 tasks
Progress
43%
lead-agentLeadClaude Opus
♥< 1m
3/5
Focus
frontend-1FrontendClaude Sonnet
♥< 1m
2/3
Focus
backend-1BackendCodex codex-mini
♥2m
1/4
Focus
reviewerReviewerClaude Sonnet
♥—
0/2
Spawn
Recent Activity
2m●frontend-1 completed "Implement login form"
5m●lead-agent assigned "API auth middleware" to backend-1
8m●backend-1 created branch feat/auth-api

Usage Monitor

Token consumption, context windows, and daily budget at a glance.

📊Usage Monitor
⚙
↻
Claude API Tokens2.4M / 5M
Codex API Tokens890K / 2M
Context Window (Opus)134K / 200K
Context Window (Sonnet)42K / 200K
Daily Budget$12.40 / $25.00
Last checked: just nowReset in 15d
34
Zustand Stores
39+
Slash Commands
20+
Tool Panels
15+
Language Support

Be First in the Lab

Get early access when QuadFlow opens for beta. No spam, just a heads-up when it's time.

← Back to Tools
Quads Lab
quadslab.io

Ideas mutate into systems. What survives gets shipped. A space for builders who execute—no fluff, no gatekeeping.

Navigation

  • Home
  • Tools
  • Music
  • Discord
  • YouTube

Resources

  • Stack
  • Tutorials
  • Discord
  • Subscribe
  • Launch Dr. Vibe

Company

  • Contact
Join the Lab

© 2026 quadslab.io. All rights reserved.

Hosted on Railway

Built withby the mad scientist