collie
PWA to manage 🐑 herdr on the go. Tailnet accessible, push notifications, quick actions and more.
Collie
Try it in your browser — no install · colliepwa.dev A real Collie build running in the page against faked data.
A mobile web interface for terminal-based AI agents, served over Tailscale. Collie connects to one multiplexer per instance: Herdr, tmux, or zellij. Open the URL on your phone to check which agent needs input and respond directly from the mobile keyboard.
The input box uses a standard text field compatible with system voice dictation. Collie also includes built-in voice input that remains disabled until explicitly configured.
Features
- React Router + Vite with TypeScript, Tailwind, shadcn, and a Bun bridge
- Status dashboard ordered by pending user input rather than recent output
- Push notifications when an agent blocks on user input
- Quick actions and slash commands configured per agent
- Keypad for terminal control keys:
Esc,Ctrl+C, arrows, and modifier combinations - Output search and full conversation history beyond standard terminal scrollback
- File attachments: images from the camera roll, and markdown, text and code files
- Device pairing as the write credential: once a device is paired, every write needs its token
- Crews: several machines' Collies behind one URL, with operator-triggered failover
- Six UI languages and a per-device typeface setting
- Herdr session switching managed from the web interface
- PWA support running locally on loopback with no external accounts or cloud dependencies
Demo
Using Collie from a phone: the dashboard places agents that need input at the top. You can inspect
spaces, tabs, and panes. Long-press a pane pill or tab chip to rename or close it; Claude panes
reflect names set via /rename. Tap to answer an AskUserQuestion prompt, switch between herds,
and receive push notifications when an agent blocks on input.
The interactive demo runs the web client in your browser against mock data without installation.
Motivation
같은 카테고리 다른 리소스
Next.js
React 기반 풀스택 프레임워크. App Router와 서버 컴포넌트(RSC)가 사실상 표준이며, SSR·SSG·ISR을 한 프로젝트 안에서 다룬다.
shadcn/ui
복사·붙여넣기 방식의 React 컴포넌트 모음. npm 의존성이 아닌 코드 소유권 모델이라 커스터마이징이 자유롭다.
Supabase
PostgreSQL 기반 BaaS. Auth · Realtime · Storage · Edge Functions 통합.
Anthropic MCP
Claude가 외부 도구/데이터에 접근하도록 해주는 프로토콜 표준. 생태계의 근간.