- Clone the repository
- Run
npm install - Start Antigravity with
--remote-debugging-port=9000 - Run
node server.js - Access from browser at
http://localhost:3000
- Fork the repository
- Create a feature branch (
git checkout -b feature/your-feature) - Make changes
- Test on both desktop and mobile viewports
- Submit a pull request
- All client-side logic goes in
public/js/app.js - All styles go in
public/css/style.css - Server routes and CDP logic go in
server.js - Use
var(--css-variables)defined in the design system, not hardcoded colors - Mobile overrides go inside the
@media (max-width: 768px)block - No inline event handlers in HTML; all events are wired in JS
- No hardcoded credentials or personal IPs
- SSL certificates not committed (check
.gitignore) - Snapshot capture works with current Antigravity version
- UI is responsive at 375px (mobile) and 1920px (desktop)
- Dark theme is consistent; no white patches in snapshot content
- Action buttons (Apply/Allow/Deny) remain interactive after changes
- Server starts without errors after changes
| File | Scope |
|---|---|
server.js |
CDP connection, REST API, WebSocket, file upload |
public/index.html |
Dashboard layout and structure |
public/css/style.css |
Design system, responsive overrides |
public/js/app.js |
Client logic, snapshot rendering, tool wiring |
ui_inspector.js |
CDP element inspection utility |
Test the following before submitting:
- Snapshot loads and renders correctly
- Send message works
- Mode/model switching works
- History navigation works
- Media upload works
- Action buttons relay clicks to Antigravity
- Scroll boundary markers appear at top/bottom
- No icon text artifacts visible