Claude Code Bridge— plugin

<div align="center">

<br />

<img src="public/favicon.png" alt="Agentis" width="96" />

<h1>AGENTIS</h1>

<p><strong>Most AI tools give you one model and one answer. Agentis gives you a team.</strong></p>

<p>Deploy fleets of specialized agents — researchers, coders, analysts, writers, and more — across 12 LLM providers simultaneously. Each agent works its angle, shares findings, and hands off to the next. Watch it unfold live with hexagonal agent nodes, curved edges, real-time thought bubbles, and per-agent token tracking. Open source, provider-agnostic, and built for tasks that are too big for a single prompt.</p>

<br />

<br />

<img src="public/agentis-hero.png" alt="Agentis Agent Universe" width="860" style="border-radius:12px" />

<br /><br />

</div>

Demo

[▶ Watch the demo on Loom](https://www.loom.com/share/fc32d9dee8314226b9e9cd32e31baf50)

What is Agentis?

Agentis is a browser-native multi-agent AI platform. You describe a task — Agentis spawns a coordinated team of specialized AI agents across multiple LLM providers, visualises their live thinking on an animated canvas, and synthesizes everything into one clean answer.

No backend. No Docker. No infra. Clone, npm install, go.

You → "Research the competitive landscape for AI coding tools"

Agentis orchestrator plans:
  ├── Researcher   (claude-sonnet-4-6   · Anthropic) → market sizing, key players
  ├── Analyst      (gemini-2.5-flash    · Google)    → feature comparison matrix
  ├── Coder        (gpt-4.1-mini        · OpenAI)    → API/SDK landscape
  └── Reviewer     (llama-3.3-70b       · Groq)      → fact-check & critique

                        ↓ ~45 seconds

          One comprehensive, synthesized report.

Features

🌌 Agent Universe

• Live animated canvas — agents spawn as orbiting nodes, spin while working, send visible messages to each other
• 12 LLM providers simultaneously — mix Anthropic, OpenAI, Google, Groq, Mistral, DeepSeek, OpenRouter, Cohere, xAI, Together, Ollama, LM Studio in one run
• Exact model names on every node — claude-sonnet-4-6, gpt-4.1-mini, gemini-2.5-flash
• Smart tier selection — orchestrator assigns simple → fast model, complex → frontier model per task
• Auto-failover — when a provider goes down mid-task, agents switch to the next available one automatically, zero data loss
• Persistent universe — follow-up questions recall relevant old agents and add new ones; knowledge compounds across turns

⬡ Agent Flow View

• Hexagonal agent nodes — distinct visual identity per agent with role-based color coding
• Curved bezier edges — animated particle flow along curved connections between agents and tools
• Live thought bubbles — active agents display their last output snippet in a glassmorphism overlay in real time
• Token progress bars — visual indicator under each agent node showing output token usage
• Tool call diamonds — web search, LLM calls, and browser actions rendered as animated diamond nodes

📊 Timeline Panel

• Horizontal timeline — shows every agent's start/end as a color-coded bar
• Tool call markers — overlaid on each agent's track showing exactly when web searches, LLM calls, and browser actions fired
• Live duration counter — active agents show elapsed time in seconds

💰 Token & Cost Tracking

• Per-agent token counts — real input/output token data captured from Anthropic's SSE stream
• Cost estimation — per-agent and session-total cost calculated from live token counts and model pricing
• Header metrics bar — total tokens and estimated cost (~$X.XXX) displayed live in the canvas header

🧠 Synthesis Engine

• Orchestrator plans agent topology, delegates subtasks, then merges all outputs
• Final answer is a clean direct response — no meta-commentary about which agent said what
• Export as Markdown, plain text, or save key insights to persistent memory

⚙️ Settings

• Providers — configure all 12 providers with live connection testing + model recommendations per complexity tier
• Models — browse all available models with pricing, context window, and availability status
• Memory — IndexedDB-backed persistent memory with importance scoring, decay, export/import
• Migration — one-click OpenClaw → OpenFang migration (auto-detect, YAML→TOML conversion, tool remapping)

Supported Providers

Getting Started

Prerequisites

• Node.js 18+
• At least one LLM provider API key (or Ollama running locally — free)

Install & run

git clone https://github.com/Dhwanil25/Agentis.git
cd Agentis
npm install
npm run dev

Open http://localhost:5173, paste any API key, and launch your first agent team.

Optional: skip the key gate

# .env.local
VITE_ANTHROPIC_API_KEY=sk-ant-...

Optional features

Feature Status

Architecture

┌──────────────────────────────────────────────────────────────────┐
│                         Browser (React + Vite)                   │
│                                                                  │
│   UniversePage  ──────►  multiAgentEngine.ts                     │
│         │                       │                                │
│         │                ┌──────▼───────┐                        │
│         │                │ Orchestrator  │  claude-sonnet-4-6    │
│         │                └──────┬───────┘                        │
│         │                       │  JSON plan                     │
│         │          ┌────────────┼────────────┐                   │
│         │          ▼            ▼            ▼                   │
│         │     Worker A      Worker B      Worker C               │
│         │   Groq/llama    Gemini/flash   GPT-4.1-mini            │
│         │   researcher     analyst        coder                  │
│         │          │            │            │                   │
│         │          └────────────┼────────────┘                   │
│         │                       │  outputs                       │
│         │                ┌──────▼───────┐                        │
│         └───────────────►│  Synthesis   │  claude-sonnet-4-6    │
│                           └─────────────┘                        │
│                                                                  │
│  Vite proxy routes → 12 provider APIs (CORS-free streaming)      │
│  IndexedDB (Dexie) → memory, analytics, sessions (no server)     │
└──────────────────────────────────────────────────────────────────┘

Key files

Documentation

Project Structure

agentis/
├── public/
│   ├── favicon.png              # App icon
│   └── agentis-hero.png         # Hero image
├── src/
│   ├── components/
│   │   ├── pages/
│   │   │   ├── UniversePage.tsx # Multi-agent canvas + controls
│   │   │   ├── SettingsPage.tsx # Providers, models, memory, migration
│   │   │   ├── ChatPage.tsx     # Single-agent chat
│   │   │   ├── WorkflowsPage.tsx
│   │   │   ├── SchedulerPage.tsx
│   │   │   └── ...              # Analytics, Logs, Sessions, etc.
│   │   └── Sidebar.tsx
│   ├── lib/
│   │   ├── multiAgentEngine.ts  # Core engine
│   │   ├── db.ts                # IndexedDB schema (Dexie)
│   │   ├── memory.ts            # Advanced memory layer
│   │   └── claude.ts            # Anthropic streaming
│   └── hooks/
│       └── useAgent.ts          # Agent state machine
├── vite-plugin-agentis.ts       # Engine plugin + migration endpoints
├── vite.config.ts               # 12 provider proxies
└── index.html

Migrating from OpenClaw

Go to Settings → Migration and click Auto-Detect OpenClaw.

Agentis scans ~/.openclaw on disk and shows you exactly what it found. Click Migrate Now to:

• Convert agent.yaml → agent.toml with proper capabilities
• Remap tools: read_file → file_read, execute_command → shell_exec, http_request → http_fetch, etc.
• Merge channel configs into config.toml
• Copy workspace files and memory data to ~/.openfang

Or use Enter Path Manually to specify a custom source directory.

Roadmap

• [x] Agent Flow view — hexagonal nodes, bezier edges, thought bubbles
• [x] Timeline panel — per-agent activity bars + tool call markers
• [x] Token & cost tracking — live per-agent token counts and cost estimation
• [x] Advanced memory — IndexedDB, importance scoring, decay, export/import
• [x] Skills system — skills.sh integration, 90K+ skills, role assignments
• [x] Scheduler — recurring agent tasks
• [x] Channels — 15 messaging integrations with connection testing
• [ ] Agent-triggered channel messaging (Slack/Discord/Telegram on task complete)
• [ ] Server-side persistent scheduler (runs without browser open)
• [ ] Agent approval gates — pause for human review mid-task
• [ ] Visual workflow builder — drag-and-drop pipeline editor
• [ ] Semantic memory search
• [ ] Shareable agent universes (export + replay)
• [ ] Native desktop app (Tauri)

Contributing

PRs welcome. Please open an issue first for large changes.

npm run dev    # start dev server
npm run build  # production build
npm run lint   # ESLint check

Changelog

v0.3.0 — March 2026

• Agent Flow view with hexagonal nodes, quadratic bezier curved edges, and animated particles
• Live thought bubbles — active agents show real-time output snippets on the canvas
• Token progress bars under each agent node
• Timeline panel — horizontal activity bars with tool call markers per agent
• Per-agent token & cost tracking via Anthropic SSE usage events
• Header metrics bar — total tokens and estimated session cost shown live
• Claude PR review workflow with automated code review on every pull request

v0.2.0 — March 2026

• Multi-provider Agent Universe (12 providers, exact model names on canvas)
• Provider auto-failover — silent switch when a provider goes down
• Persistent universe — follow-up questions extend the existing agent graph
• Model recommendations in Settings → Providers
• Memory viewer in Settings → Memory
• OpenClaw migration with real filesystem scanning + YAML→TOML conversion
• 9 new Vite proxy routes for all external providers
• New favicon and hero image

v0.1.0 — Initial release

• Streaming pipeline agent with Claude API
• Skill-based persona orchestration
• Sidebar navigation, Overview, Analytics, Logs pages
• Three.js landing page

License

MIT © Dhwanil25

<div align="center">

Your next big idea deserves more than one model. Give it a team. If you find Agentis useful, please ⭐ star the repo — it helps a lot!

Built with React · TypeScript · Vite

</div>