Architect
Built at Zero to Agent: Vercel x Deepmind Hackathon SF · Mar 21, 2026 · San Francisco, CA
Architect is an AI-powered design reverse-engineering system. Paste any public URL and it automatically: (1) captures full-page screenshots using Playwright, (2) extracts the complete design system using Gemini 2.5 Flash — colors, typography, spacing, components, and user flows, (3) generates a pixel-perfect HTML clone from the analysis, and (4) deploys it live to Vercel as a static site — all in under 2 minutes. The web app streams real-time progress via SSE so you watch each pipeline step happen live. Features include downloadable design tokens (JSON + CSS), full component mapping, user flow analysis, and one-click clone deployment. Built with Next.js, Tailwind CSS, Playwright, Gemini 2.5 Flash, and Vercel Deploy API. Targets Problem Statement 2 (Multi-Modal Agents) and Statement 3 (AI Applications).