# Architect

- **Event:** [Zero to Agent: Vercel x Deepmind Hackathon SF](https://cerebralvalley.ai/e/zero-to-agent-sf)
- **When:** Sat, Mar 21 at 9:00 AM – 10:00 PM (PDT)
- **Where:** Shack15, San Francisco, CA
- **Team:** [yuvraj chilana](https://cerebralvalley.ai/u/yuvraj431)
- **GitHub:** https://github.com/Yuvraj3012/architect-agent
- **Demo video:** https://www.loom.com/share/9db2b693e0fa475896017fa4922d36a0
- **Gallery:** https://cerebralvalley.ai/e/zero-to-agent-sf/hackathon/gallery
- **Page:** https://cerebralvalley.ai/e/zero-to-agent-sf/hackathon/gallery/2

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).

---

Markdown version of https://cerebralvalley.ai/e/zero-to-agent-sf/hackathon/gallery/2. Site index for agents: https://cerebralvalley.ai/llms.txt · full text: https://cerebralvalley.ai/llms-full.txt