Countergravity

What I Built

Countergravity is a responsive mobile interface and secure connection layer for local AI development environments. It combines a client-side layout script, Caddy reverse-proxy routing, and Tailscale scripts to let me steer running developer tasks from a phone or tablet.

Why It Matters

AI coding agents are capable of running long tasks in the background. However, checking status or approving command prompts usually requires sitting at a desk. Countergravity makes it possible to supervise, triage, and steer ongoing runs without opening a laptop.

Technical Implementation

The system is built on three components:

1. Responsive Viewport script (mobile-extension.js): Injected into the workspace stream, it watches viewport size and reorganizes the UI at < 768px by creating drawer menus, toggles, and managing focus states to prevent keyboard collisions on mobile.
2. Reverse Proxy (Caddyfile.example): Configured to handle HTTPS traffic, handle basic authentication, and inject the mobile layout extension.
3. Private Tunnel (countergravity-tunnel.example.sh): Directs the workspace port through a private Tailscale network, preventing exposure to the public internet.