In this video, we build out the OpenClaw Dashboard App from scratch using Claude Code and a spec-driven development approach. Starting from a blank Rails 8 boilerplate with Inertia, React, and shadcn/ui, we work through six milestones — each with a pre-written prompt fed into Claude Code's plan mode. The idea is to rinse and repeat: paste the prompt, let Claude Code create its own implementation plan, then build it out. This is all based on the planning documents and specs provided in the OpenClaw Starter Kit.
By the end, we have a working app with authentication, a Kanban-style tasks board, recurring task scheduling, agent and skills syncing, and an activity feed — all built locally and ready to be deployed onto the dedicated OpenClaw Mac Mini. Since OpenClaw isn't running on the development machine, certain integrations can't be fully tested yet. The next video picks up with deploying the app to the Mac Mini and setting up the domain with Cloudflare.
What's covered:
- Setting up the Rails app with authentication, dark mode, and mobile responsiveness
- Building the OpenClaw gateway integration and agent syncing logic
- Skills detection and syncing from the OpenClaw workspace
- Core tasks feature with a Kanban board and task templates
- Recurring task scheduling and dispatch to OpenClaw agents
- Activity feed and execution logging for troubleshooting agent tasks
- Using Claude Code's plan mode for each milestone (spec-driven development)