احمد
ai website builder
0%
احمد
WorkExperienceAboutServicesContact
ahmadmughal2201@gmail.com
ai website builder

ai website

ai website

builder

builder

A pioneering generative UI engine conceived and architected prior to the release of industry giants like v0 or Lovable. This double award-winning platform transforms natural language into production-ready React architecture using a proprietary recursive rendering pipeline.

RoleProduct Engineer
Year2024
ClientFinal Year Project

Tech Stack

Next.js 15Groq Cloud (Llama-3)Custom RendererJotai (Atomic State)tRPCThree.js

The Challenge

The primary challenge was inventing a reliable 'Text-to-Component' protocol without existing industry references. I needed to solve the 'Hallucination vs. Structure' problem where LLMs struggle to maintain strict DOM hierarchy.

first-mover innovation

conceptualized and built a text-to-UI pipeline before the standardized 'Generative UI' patterns existed in the market.

Gallery 1

The Solution

I engineered a 'Schema-First' architecture. Instead of generating raw code, the AI generates a strict JSON schema validated via Zod. This schema is then recursively rendered by my custom engine, ensuring 100% UI stability. This approach secured 1st Place in two separate engineering competitions.

Recursive Rendering Engine

A custom-built translator that maps dynamic JSON trees into functional React components, preserving style, hierarchy, and state.

Context-Aware Assistant ('Nova')

An embedded AI companion with 'eyes' on the project state, allowing users to request global design changes via chat.

Back to Works

Ready to start?

let's connect

ahmadmughal2201@gmail.com
GitHubLinkedInInstagram
©2026 Muhammad Ahmad. All Rights Reserved.