Client Portal Prototype
Antigravity MissionClient Portal
Access your coaching resources & roadmap.
Welcome back, Sarah!
You're making great progress. You've completed 2 milestones this month.
Session Balance
Success Roadway
Agent: Progress logic synced w/ DBDocument Vault
Drag & Drop EnabledDrag files here or click to upload
Homework, Session Notes, PDFs
This section displays the Artifacts generated by the Agent to prove the code works before you deploy it.
Browser Recording: Login Flow
Passed (3.2s)Agent_Sim_004.mp4 (Simulated)
> Input email 'client@example.com'... OK
> Click 'Send Magic Link'... OK
> Token verification... OK
Implementation Plan: Database Schema
| Table Name | Column | Type | Agent Note |
|---|---|---|---|
| clients | id | uuid | Primary Key |
| varchar | Unique, indexed | ||
| session_balance | int | Default 0 | |
| milestones | client_id | uuid | Foreign Key -> clients.id |
| title | text | Step description | |
| is_completed | boolean | Triggers progress bar |
Antigravity Mission: Coaching Client Portal
1. The Vision Prompt
2. Core Feature Set (Agent Tasks)
Secure magic-link login for clients.
Visual 'Success Roadway' updating based on milestones.
Drag-and-drop area for homework and notes.
Google Calendar embed + Conditional 'Quick-Book' button.
3. Success Criteria (Artifacts)
- Implementation Plan: DB Schema for 'Client Milestones'.
- Browser Recording: Login & Upload flow verification.
- Walkthrough: Manual override instructions.
4. Deployment Goal
Antigravity Mission
Coaching Client Portal Blueprint
The Vision Prompt
The project begins with a specific directive: act as a Senior Full-Stack Engineering Team and rapidly build a "Client Success Portal" tailored for a solo coaching business.
"Act as my Senior Full-Stack Engineering Team. Build a 'Client Success Portal' using Next.js, Tailwind CSS, and Supabase."
Tech Stack Architecture
Core Feature Set
The application is divided into four distinct modules. The chart below visualizes the estimated complexity focus for each component.
Module Complexity Weight
Auth System
Secure magic-link login, minimizing friction and support overhead.
Success Dashboard
Visual Success Roadway driven by milestone completion state.
Document Vault
Bi-directional upload space for homework and session notes.
Smart Booking
Calendar integration with a session balance gate.
Smart Booking Logic
The "Quick-Book" button acts as a gatekeeper. This flow illustrates the decision logic implemented by the frontend.
User Loads Dashboard
Check Session Balance
DB Query
Render 'Quick-Book' Button
Hide Button / Show "Renew"
Estimated Development Timeline
Using an agent workflow, the lifecycle compresses; most time is spent on implementation and verification rather than boilerplate.
The "Artifact" Checklist
The agent must produce artifacts before code is accepted: schema, recording, and override walkthrough.
Implementation Plan
Database Schema Verification
Browser Recording
Agent testing Login & Upload flows
Walkthrough Guide
Manual override documentation
Deployment Goal
Final Phase: One-click production release.
Vercel Deployment
Automated CI/CD Pipeline
Environment Keys
Supabase keys configured