Lumina: Surgical AI UI Generator & Deployer

While most AI UI generators just spit out a static iframe and call it a day, Lumina goes several steps further to provide a true developer experience. Built specifically for this AMD hackathon, Lumina is a high-performance web canvas that translates your text prompts or wireframe mockups into beautiful, responsive, dark-mode Tailwind CSS components in real-time. Under the hood, Lumina leverages the lightning-fast inference of Fireworks AI. We utilize Llama 3 for our text-to-code generation and the cutting-edge Kimi K2.6 model for our vision pipeline. As the code streams in, our frontend dynamically parses the syntax and renders the live DOM side-by-side with the raw code view, complete with simulated AMD GPU token-speed telemetry. But Lumina’s true power lies in two standout features: 1. Magic Edit: We implemented a surgical DOM-editing tool. By toggling the Magic Wand, users can hover over any specific element in the generated UI, click it, and pass a targeted prompt to the AI. Instead of regenerating the entire page, Lumina extracts that single HTML node, queries the AI for the precise modification, and surgically injects the updated element back into the live DOM. 2. Instant AMD Cloud Deployment: We built a custom Node.js backend designed to run on an AMD Developer Cloud instance. With one click of the "Deploy" button, Lumina securely transmits the generated UI to the AMD server, saves it, and instantly opens a live, publicly hosted URL containing your new site. Lumina isn't just a generator; it’s an interactive, surgical, end-to-end design environment.