AI-Native Design & DevelopMENT

Visit Manager MVP Development & Delivery

Key Tools & Techniques

  • Google Antigravity
  • Stitch MCP
  • Playwright
  • Framer Motion
  • React, TypeScript, Vite
  • Tailwind CSS, Custom Design Tokens
Go to Proof of Concept

01

About the project

This project demonstrates that as an AI-Native Designer, I can deliver a complete, complex digital product—from artistic vision to implementation and testing—at a speed unattainable by traditional methods, all while raising the bar for visual and technical quality.

02

Process

  • Generative Design System via Stitch MCP Instead of using off-the-shelf libraries, I leveraged Stitch MCP and custom design skills to build a bespoke design system from scratch in code. This unlocked a bold, unconventional aesthetic that breaks standard UI fatigue while maintaining strict consistency.

    Generative Design System via Stitch MCP Instead of using off-the-shelf libraries, I leveraged Stitch MCP and custom design skills to build a bespoke design system from scratch in code. This unlocked a bold, unconventional aesthetic that breaks standard UI fatigue while maintaining strict consistency.

  • The app doesn't just function; it performs. I utilized Framer Motion to orchestrate complex interface choreography—including smooth page transitions, list reordering animations, and physics-based micro-interactions—creating an experience that feels fluid and "alive."

    The app doesn't just function; it performs. I utilized Framer Motion to orchestrate complex interface choreography—including smooth page transitions, list reordering animations, and physics-based micro-interactions—creating an experience that feels fluid and "alive."

  • To support rapid AI-assisted iteration without breaking logic, I integrated Playwright for automated End-to-End testing. This ensured that critical flows like scheduling, data persistence, and editing remained bulletproof during the fast-paced development cycle.

    To support rapid AI-assisted iteration without breaking logic, I integrated Playwright for automated End-to-End testing. This ensured that critical flows like scheduling, data persistence, and editing remained bulletproof during the fast-paced development cycle.

  • Beyond just UI, I delivered a fully functional SaaS MVP. The application features robust local data persistence, JSON export/import capabilities for backups, and full Internationalization (i18n) support—proving that AI-native design extends deep into functional engineering.

    Beyond just UI, I delivered a fully functional SaaS MVP. The application features robust local data persistence, JSON export/import capabilities for backups, and full Internationalization (i18n) support—proving that AI-native design extends deep into functional engineering.

03

Key Takeaways

  • The traditional "handoff" is obsolete. By defining design rules directly in the AI context, the implementation became an extension of the design process itself, ensuring 100% fidelity between vision and code

  • This project proves that speed doesn't require sacrificing quality. By combining AI acceleration with rigorous automated testing (Playwright), I achieved a development pace impossible for traditional methods while maintaining production-grade stability

  • Visit Manager demonstrates that an AI-Native Designer can now independently execute a complex full-stack vision—from the first pixel to the final deploy—redefining what is possible for a single creative professional