Skip to content
Tutorial

OpenClaw + custom dashboard + subagents = mindblowing!

Create With55:34611 views

Summary

Benoit Devilliers demonstrates Visionary, a custom dashboard he built on top of OpenClaw that uses an orchestrator/sub-agent architecture. The system manages client projects, spawns specialized coding agents, and sends push notifications. In a live demo, he shapes a ticket, spawns an agent, and merges a PR in real-time. Benoit started AI coding in July 2024 and built this entire system himself, showcasing how accessible these tools have become.

What You'll Learn

Building a Production-Ready AI Agent System in 9 Months

When Benoit Devilliers started AI coding in July 2024, he couldn't have predicted he'd build a sophisticated agent orchestration system by April 2025. His custom dashboard, Visionary, sits on top of OpenClaw and solves real problems that emerge when you move beyond toy projects into actual client work with AI agents.

The Problem with Telegram and Slack for Agent Management

Most OpenClaw users start by managing their agents through Telegram or Slack. It works fine for experimentation, but Benoit quickly hit limitations. When you're running multiple agents across different client projects, a linear chat interface becomes overwhelming. You lose visibility into what each agent is doing, which projects have active pull requests, and whether deployments succeeded.

The breaking point came when Benoit's gateway crashed on a Saturday evening, wiping his agent's memory after a full day of work. He managed to recover by exporting the Telegram conversation history as JSON and rebuilding the agent's context, but it highlighted a critical weakness: relying on chat platforms for production agent orchestration is fragile.

Orchestrator Architecture: One Agent to Rule Them All

Inspired by Elvis Son's architecture on Twitter, Benoit implemented a central orchestrator pattern. Instead of managing multiple specialized agents directly, you interact with a single orchestrator agent. This main agent spawns sub-agents for specific tasks—one for coding, another for content, each with specialized context.

The orchestrator receives requests, determines which sub-agent to spawn, provides the necessary context, and monitors progress. When a coding task arrives, the orchestrator spawns a coding sub-agent with access to the relevant GitHub repository, project documentation, and task specifications. Once complete, the sub-agent reports back and the orchestrator handles the next step—whether that's creating a pull request, notifying the user, or spawning another agent.

This architecture prevents context pollution. Each sub-agent stays focused on its domain without inheriting irrelevant conversation history from unrelated tasks.

Securing Agent Access with GitHub Accounts and Composio

Security was a major design consideration. Benoit created a dedicated GitHub account for his agent with its own email address. For each project, the agent is added as a collaborator with limited permissions. The agent can create branches and open pull requests, but nothing merges without human approval.

For third-party integrations, Benoit uses Composio to manage API keys. Instead of giving agents direct access to services like Linear or Slack, Composio acts as an intermediary. You grant Composio access to your services, then provide your agent with a Composio API key. If you need to revoke access, you simply remove it in Composio's dashboard—no need to rotate keys across multiple services.

For network security, Benoit runs OpenClaw on a VPS and uses Tailscale to create a private network between his laptop, phone, and server. The dashboard URL isn't publicly accessible—it only works within the Tailscale network. This prevents unauthorized access while allowing seamless work across devices.

The Visionary Dashboard: Kanban Boards Meet Agent Orchestration

Visionary's interface centers on a Kanban board showing agent status across projects. Each card represents an active task, displaying whether an agent is working, waiting for review, or has failed. The sidebar houses a chat interface for communicating with the orchestrator.

When Benoit needs a new feature, he describes it in the chat using natural language. The orchestrator asks clarifying questions—an AI interview mode that shapes the ticket before work begins. Once the ticket is properly defined, he spawns a sub-agent by selecting a model (Claude or Codex) and the relevant project.

The center panel shows real-time terminal output as the agent works. You see the agent's thought process, the commands it runs, and any errors it encounters. For debugging, Benoit can SSH into the VPS and inspect logs directly, but usually the terminal view provides enough context.

Push Notifications and Mobile Workflows

One unexpected feature is push notifications. Using an iOS app called Bro, Benoit receives alerts on his phone when agents complete tasks, encounter errors, or need human input. This transforms agent orchestration from a desktop-bound activity into something you can manage anywhere.

The mobile interface, accessible through Tailscale, provides the same Kanban view and chat functionality. Benoit can shape tickets, spawn agents, and review pull requests from his phone—though he admits code reviews are easier on a proper screen.

Cost Management and Model Selection

Running AI agents continuously could get expensive fast. Benoit manages costs by choosing models strategically. For straightforward coding tasks, he uses Claude. When tasks require more reasoning or have failed previously, he switches to more capable (and expensive) models.

The system tracks token usage per task, making it easy to identify which projects or agent types consume the most resources. Benoit estimates his monthly spend is manageable because sub-agents only run when spawned, rather than maintaining persistent connections.

Live Demo: From Ticket to Merged PR

In the live session, Benoit demonstrates the complete workflow. He describes a feature request in the chat, and the orchestrator asks clarifying questions about implementation details, edge cases, and UI considerations. After shaping the ticket, he spawns a coding sub-agent.

The agent appears in the Kanban board with an "in progress" status. In the terminal view, you see it analyzing the codebase, identifying the relevant files, making changes, and running tests. When complete, it creates a pull request and moves to the "review" column.

Benoit reviews the diff, asks for minor adjustments through the chat, and the agent spawns again to implement changes. After a second review, he approves and merges the PR. The entire process—from initial request to deployed feature—takes under 15 minutes.

Building This Without Years of Experience

Perhaps the most remarkable aspect is Benoit's timeline. Nine months from starting AI coding to building a production agent orchestration system isn't typical, but it demonstrates how accessible these tools have become. The combination of AI assistance, modern frameworks like Convex for the backend, and OpenClaw's extensibility made rapid development possible.

Benoit used his agents to build the system itself—a recursive improvement loop where the tool helps build itself. He'd describe a needed feature, spawn an agent to implement it, review the code, and immediately use the new functionality.

Open Source Plans and What's Next

Benoit plans to open source Visionary once it's stable enough for others to deploy. The main challenge is generalizing the setup beyond his specific VPS configuration and workflow. Questions remain about whether non-technical businesses could adopt this system—the answer likely depends on their tolerance for debugging and infrastructure management.

For now, Visionary represents a practical answer to a real problem: how do you manage AI agents when you move beyond experimentation into actual production work? The orchestrator architecture, custom dashboard, and security-first approach provide a template for others building similar systems.

You can follow Benoit's progress on Twitter at @benoit_builds, where he shares updates and eventually the open source release. For anyone serious about using AI agents for real work, his approach offers valuable lessons in architecture, security, and pragmatic tool selection.

Key Learnings

1Orchestrator architecture scales better than managing multiple agents directly

A central orchestrator agent that spawns specialized sub-agents prevents context pollution and provides clearer separation of concerns. The orchestrator handles routing and coordination while sub-agents focus on domain-specific tasks like coding or content creation, each with tailored context.

Learn more about OpenClaw

2Dedicated GitHub accounts with collaborator permissions provide safety guardrails

Creating a separate GitHub account for your agent and adding it as a collaborator rather than giving direct repository access ensures all changes go through pull requests. This requires human approval before merging, preventing runaway agents from deploying broken code directly to production.

3Tailscale enables secure private network access across devices without exposing services publicly

Running OpenClaw on a VPS and using Tailscale to create a private network between laptop, phone, and server prevents unauthorized access while maintaining seamless cross-device workflows. The dashboard URL only works within the Tailscale network, eliminating the need for complex authentication systems.

4Composio provides centralized API key management for revoking agent access

Instead of giving agents direct access to third-party services, Composio acts as an intermediary. You grant Composio access to services like Linear or Slack, then provide your agent with a Composio API key. Revoking access is as simple as removing permissions in Composio's dashboard without rotating keys across multiple services.

5AI interview mode shapes better tickets before agents start coding

Rather than giving agents underspecified tasks, using the orchestrator to ask clarifying questions before spawning sub-agents results in better-defined tickets. This interview process surfaces edge cases, implementation preferences, and UI considerations that would otherwise cause the agent to make wrong assumptions.

Learn more about OpenClaw

6Real-time terminal output in the dashboard enables debugging without SSH

Displaying live terminal output as agents work provides visibility into their thought process, commands executed, and errors encountered. This reduces the need to SSH into servers for debugging while maintaining the option for deeper investigation when necessary.

7Export and backup agent memory prevents catastrophic data loss from crashes

When the OpenClaw gateway crashed and wiped agent memory, Benoit recovered by exporting Telegram conversation history as JSON and feeding it back to the agent. Implementing periodic backups to GitHub and storing critical data in Convex provides resilience against similar failures.

Resources Mentioned

OpenClaw Official Website

The open-source AI coding assistant that Visionary is built on top of, providing the core agent functionality and extensibility.

Visit

Convex Database Platform

Real-time backend platform Benoit uses for persistent data storage and state management in Visionary.

Visit

Tailscale Private Network

Zero-config VPN that creates secure private networks between devices, enabling Benoit to access his VPS-hosted dashboard without public exposure.

Visit

Composio API Integration Platform

Centralized API key management service for granting and revoking agent access to third-party services like Linear and Slack.

Visit

Create With Community

UK community for builders using AI agents, no-code tools, and vibe coding—where this session was recorded.

Visit

Benoit Devilliers on Twitter

Follow Benoit for updates on Visionary development and the upcoming open source release.

Visit

Frequently Asked Questions

Can I use OpenClaw without building a custom dashboard like Visionary?

Yes, OpenClaw works perfectly fine through Telegram, Slack, or Discord. Benoit built Visionary because he was managing multiple client projects and needed better visibility into agent status, pull requests, and deployments. If you're just experimenting or working on a single project, the standard chat interface is sufficient. The custom dashboard becomes valuable when you need production-grade orchestration and monitoring.

How does the orchestrator architecture differ from running multiple specialized agents?

Instead of interacting with multiple agents directly (a coding agent, content agent, etc.), you communicate with one orchestrator agent. This orchestrator spawns specialized sub-agents when needed, provides them with relevant context, and monitors their progress. This prevents context pollution—each sub-agent only sees information relevant to its task rather than inheriting the entire conversation history. It also gives you a single interface for managing all agent activity.

Is Tailscale necessary or can I host the dashboard publicly with authentication?

Tailscale isn't strictly necessary, but it simplifies security significantly. You could host the dashboard on Railway or Vercel with authentication, but you'd need to implement proper auth, session management, and rate limiting. Tailscale creates a private network where the dashboard URL simply doesn't exist on the public internet—only devices in your Tailscale network can access it. This eliminates entire categories of security vulnerabilities without writing authentication code.

What happens when an agent task fails in Visionary?

Failed tasks show up in the Kanban board with a failed status, and Benoit receives a push notification via the Bro app on his phone. He can then review the terminal output to see what went wrong, adjust the ticket description or context, and re-spawn the agent. The orchestrator maintains the conversation history, so the agent has context about previous attempts when retrying. For persistent failures, he can switch to a more capable model or break the task into smaller sub-tasks.

Can non-technical businesses use a system like Visionary?

It depends on their tolerance for infrastructure management and debugging. Setting up the VPS, configuring Tailscale, managing GitHub permissions, and troubleshooting agent failures requires some technical comfort. Benoit built Visionary for his own workflow and plans to simplify deployment before open sourcing it. A non-technical business would likely need a technical partner to handle initial setup and ongoing maintenance, though day-to-day operation (shaping tickets, spawning agents, reviewing PRs) is accessible to anyone comfortable with no-code tools.

More content like this

Never miss a video

Get weekly updates on the best AI tutorials, conference recordings, and community content.

Keep Watching

Related Videos

View all videos
55. We're Back! Conference Recap, Running Events with AI & Self-Healing Apps
Podcast35:53

55. We're Back! Conference Recap, Running Events with AI & Self-Healing Apps

James and Kieran return to the Create With Podcast after their summer break to recap the 2026 Create With Conference in Brighton. They discuss how 550 attendees experienced workshops, a charity hackathon where functional apps were built in 30 minutes, and an innovative conference operating system built entirely with AI. The episode covers the latest developments in AI development tools including Anthropic's Fable model, scheduled tasks in Codex, and self-healing applications using PostHog.

The Biggest AI Opportunities for Non-Technical Builders in 2026
Conference38:09

The Biggest AI Opportunities for Non-Technical Builders in 2026

A closing panel discussion from Create With featuring leaders from Glide, Softr, Bubble, Momen, and TechFoundHer examining how AI and no-code platforms are democratizing software development. The panelists explore what non-technical builders can now create, how AI is transforming service businesses, and where expertise still matters when prototypes become production applications.

Everyone Can Build with AI. What Should Companies Do Next?
Conference29:07

Everyone Can Build with AI. What Should Companies Do Next?

A leadership panel from Create With conference exploring how companies should approach AI adoption when building tools becomes accessible to everyone. Four experts debate the gap between technical capability and strategic judgment, discussing governance frameworks, safe experimentation, product sense development, and organizational learning pathways for AI transformation.

How to Get Your Product Recommended by Google and ChatGPT
Conference30:12

How to Get Your Product Recommended by Google and ChatGPT

Tanya Van Gastel presents the APEX framework for making products discoverable in AI-powered search engines like ChatGPT and Google's AI Overviews. She explains how AI is fundamentally changing product discovery and buyer behavior, then breaks down five critical components: Authority (being cited as a solution), Presence (visibility across search platforms), Expertise (creating high-quality money pages), Endorsements (off-site validation), and Extractability (making content easy for AI to process). The talk emphasizes quality over quantity, with data showing 50% of SaaS SEO revenue comes from fewer than 10 high-performing pages.

Inside a 60-Skill Claude Code System Running AI Agents in Parallel
Conference35:21

Inside a 60-Skill Claude Code System Running AI Agents in Parallel

Stephany Oliveros, CEO of Lyra AI, presents a production-ready Claude Code architecture for running dozens of AI agents in parallel. She demonstrates a 60-skill system built on progressive disclosure, layered memory, and reusable components that enable coordinated multi-agent workflows without burning through tokens. The talk covers practical folder structures, guardrails, and token economics for building scalable agentic systems.

The AI-Native Solopreneur: Build Without a Technical Co-Founder
Conference34:21

The AI-Native Solopreneur: Build Without a Technical Co-Founder

Effie Bersoux presents a paradigm shift in entrepreneurship where AI enables solo founders to build, validate, and scale businesses without technical co-founders or significant capital. Drawing from Growth Girls' experience building 40+ companies in one year and going from a £4m exit (7 years) to a £40m acquisition target (1 year), she demonstrates how AI breaks the traditional capital-talent-traction loop that disadvantages undercapitalized founders. The talk provides concrete frameworks for AI-native operating models, automation decision-making, and rapid idea-to-market validation.