Overview
This release delivers six major improvements to the Uniform Builder: a production domain at gameonebuilder.com, synchronized Co-Create sessions, a dedicated screenshot rendering server, an Augmented Reality viewing experience, a 3D intro animation with rotation indicator, and an AI-powered "Complete your Look" feature that suggests complementary products after quote submission.
New Domain — gameonebuilder.com
The Uniform Builder is now accessible at gameonebuilder.com, replacing the previous staging URL. All existing routes, deep links, and shared config URLs are preserved under the new domain. Environment-level configuration (NEXT_PUBLIC_SITE_URL) and DNS have been updated across development, staging, and production.
Co-Create Mode — Camera & Menu Synchronization
Co-Create sessions now synchronize the 3D camera view and menu state between all participants in real time. When one user orbits the model, zooms, or switches panels, every connected collaborator sees the identical viewport and navigation context. This ensures both parties are always looking at the same angle and section during live design reviews.
How It Works
| Synced State | Description |
|---|---|
| Camera position | Orbit angle, zoom level, and pan offset are broadcast via the real-time channel |
| Active menu/panel | The currently open step or panel selection is shared across sessions |
| Canvas view | 2D/3D toggle state stays consistent for all participants |
Dedicated Screenshot Rendering Server
A new standalone server handles all screenshot generation, decoupling the rendering workload from the main application server. The builder's design preview, catalogue thumbnails, and AI suggestion previews all route through this service.
Key Details
| Aspect | Detail |
|---|---|
| Endpoint | Configurable via SCREENSHOT_SERVICE_URL env var |
| Modes | Single and batch (up to 20 items per batch) |
| Output | Base64 or S3 persistent URLs |
| Auth | Shared secret via SCREENSHOT_API_SECRET header |
| Caching | Content-hash based S3 cache to avoid re-rendering identical configurations |
Augmented Reality Viewing Experience
Users can now view their customized uniform in Augmented Reality directly from the builder. After designing a product, an AR button launches the device camera overlay with the 3D model placed in the user's real-world environment — allowing them to see the uniform at true scale, walk around it, and share screenshots with their team.
Supported Platforms
| Platform | Technology |
|---|---|
| iOS Safari | AR Quick Look (USDZ) |
| Android Chrome | Scene Viewer / WebXR |
| Desktop | Fallback to interactive 3D viewer |
3D Model Auto-Rotate on Start + Rotation Indicator
When a product loads in the 3D canvas, the model now auto-rotates for a brief intro animation, giving users an immediate sense of the full design before they interact. A rotation hint overlay indicates that the model is interactive and can be rotated manually.
Behavior
| Phase | Duration | Detail |
|---|---|---|
| Intro spin | ~2 seconds | Smooth 360° rotation on initial load |
| Hint overlay | Fades after first interaction | SVG indicator showing drag-to-rotate gesture |
| Manual control | Indefinite | Standard orbit controls take over after intro completes or user interacts |
The animation is skipped when the user has previously interacted with the model in the current session, and on return visits via shared config URLs where immediate editing is expected.
Complete your Look — AI-Powered Suggestions
After submitting a quote, a new "Complete your Look" button appears in the confirmation view. Clicking it opens a grid of 6 AI-selected complementary products — each rendered with the user's exact color palette and a matching design.
Architecture
| Step | Detail |
|---|---|
| Catalog fetch | All enabled products and linked designs are pulled from the database |
| AI analysis | Anthropic Claude analyzes the current uniform config against the catalog |
| Selection | Mix of ~3–4 cross-category products (shorts, socks, warm-up) and ~2–3 alternative designs in the same category |
| Screenshot render | Batch generation via the screenshot server with S3 caching |
| Persistence | Suggestions stored in look_suggestions table, cached per quote |
User Flow
- User submits a quote in the builder
- Clicks "Complete your Look" on the confirmation screen
- Animated loading sequence shows AI analysis progress
- 6 product cards appear in a 3×2 grid with 3D previews
- Clicking "Complete" on any card opens the builder pre-loaded with that product, design, and matching colors
- Suggestions are cached — revisiting the same quote loads instantly from the database
Database
New table look_suggestions with RLS policies scoped to the user's account. Stores product/design references, color palette, builder config snapshot, S3 preview URL, AI reasoning text, and a status field (suggested → opened → quoted).
"Complete your Look" from My Quotes
Existing quotes in the My Quotes panel also display a "Complete your Look" link, allowing users to access AI suggestions for any previously submitted quote — not just the most recent one.
