← BACK TO PROJECTS

Countergravity

A mobile access layer for Antigravity-style AI development environments using a responsive adapter and authenticated tunnel.

What I Built

Countergravity is a mobile access layer for Antigravity-style AI development environments. It combines a client-side responsive adapter, Caddy reverse proxy configuration, and Tailscale tunnel scripts so the desktop interface can be reviewed from a phone or tablet.

The goal is not to turn mobile into the primary coding environment. It is to make review, triage, and short interventions possible when the laptop is not open.

Why It Matters

AI coding tools are increasingly useful as long-running collaborators. They can produce plans, diffs, logs, and artifacts while the user is away. But most of the interfaces are desktop-first.

That creates a product gap: the user can delegate work, but cannot comfortably check status, steer a thread, or review an artifact from a mobile device.

Product And Technical Decisions

The mobile adapter watches viewport width and reorganizes the interface below 768px. It adds bottom navigation for major surfaces, moves sidebars into overlays, and reduces virtual-keyboard surprises by controlling focus behavior.

Caddy handles HTTPS, authentication, and response injection for the mobile script. Tailscale provides the network path, so the setup does not require opening raw local development ports to the public internet.

That is the core security posture: make the workflow reachable, but keep the local service behind explicit authentication and a private-network layer.

AI System Design

Countergravity sits around the AI tool rather than inside the model path. Its relevance is human-in-the-loop operations: checking agent progress, steering a task, and reviewing generated artifacts on a smaller device.

The product principle is that agentic tools need good control surfaces. A capable model is less useful if the user cannot safely supervise it in the moments when decisions need to be made.

Evidence / Outcomes

  • Repository includes mobile-extension.js, Caddyfile.example, and antigravity-tunnel.example.sh.
  • Mobile layout introduces bottom navigation, sidebar drawer behavior, keyboard handling, and sticky-scroll fixes.
  • Proxy setup documents authentication and script injection.
  • Tunnel setup routes HTTPS traffic through Tailscale rather than exposing a local IDE service directly.

What I Would Improve Next

The next version should include a device testing matrix across iOS Safari, Android Chrome, tablets, and narrow desktop windows. I would also add setup checks that fail closed when basic auth, Caddy, or Tailscale are misconfigured.