ai-design-compiler

name	ai-design-compiler
description	Compile a product requirement into a coherent art world, design scheme, high-fidelity design, engineered assets, semantic layout IR, HTML reference runtime, React PWA MVP, and finally production runtimes (RN / Cocos / Godot / Unity / Flutter / PPT). Use whenever the user wants AI to produce a real product end-to-end, not just a single screen.

AI Product Compiler (V7)

Art → Design → Build once, render everywhere. Art Concept → Design Scheme → High-Fidelity Design → Assets + Layout IR → HTML (reference runtime, human QA) → React PWA MVP → compile to React Native / Cocos / Godot / Unity / Flutter / PPT.

This is no longer just a UI generator. It is a product compiler: world-view in, production runtimes out.

Core Principles

1. Art First — define the world before drawing any screen. Style drift downstream is almost always an Art Concept failure.
2. Scheme Before Pixels — convert the world into a concrete design scheme (page map, components, layout rules, imagegen spec) before calling Imagen.
3. Fidelity First — Native > Crop > Repair > Sprite Sheet > Regenerate. Minimize Imagen calls.
4. Semantic Layout — anchors / constraints / safe-area, never raw x,y pixels.
5. HTML-First QA — every target platform is first reconstructed as HTML and reviewed by a human against the original. HTML is the Gold Standard.
6. Compiler Architecture — HTML / React / RN / Cocos / Godot / Unity / Flutter / PPT are all compiler backends of the same Semantic Layout IR.

The Four Permanent Assets

Versioned long-term as the source of truth:

1. Art Concept (art-concept.md, , , )