Apply Design Engineering Directives: — Enforce typography rules, color calibration, layout diversification, and materiality guidelines to correct LLM biases.
4
Implement Creative Proactivity: — Incorporate liquid glass refraction, magnetic micro-physics, and perpetual micro-interactions to combat generic AI designs.
5
Optimize Performance: — Apply performance guardrails to minimize DOM cost, ensure hardware acceleration, and restrain z-index usage.
6
Avoid AI Tells: — Review the design against the '100 AI Tells' to eliminate common AI design signatures.
7
Generate Code: — Produce React/Next.js code adhering to the specified architecture, styling policy, and design constraints.
design a premium user interfacecreate a visually appealing web applicationbuild a frontend with a unique designimplement a design system with specific constraintsgenerate a UI that avoids common AI design pitfallsdevelop a high-performance user interfacecreate a frontend with framer motion animationsdesign a user interface with a specific aesthetic