Xiaomi's MiMo Code Landing Page Gets a 1:1 Clone via OpenAI Codex

Feeding a URL to an AI coding agent and getting a working, styled replica in minutes collapses the cost of borrowing UI ideas. The same prompt can extract a machine-readable design system or a reusable effect module, turning any website into a template library.

Xiaomi launched MiMo Code, a free AI coding agent with a million-token context window, but the landing page's visual design stole the show. A canvas mask sits over a full-screen illustration; moving the mouse punches expanding, fading holes through the mask using `destination-out` compositing, creating an ink-splash reveal effect. A subtitle typewriter animation and a warm-white, ink-and-brushstroke aesthetic complete the look.

Rather than reverse-engineering the CSS, the entire homepage was cloned by passing the URL directly to OpenAI Codex with a one-sentence prompt. Codex fetched the fonts, images, and layout, then produced a working React/Vite replica running on localhost. The core canvas logic was annotated afterward for readability.

The workflow extends beyond cloning: Codex can extract a `DESIGN.md` style guide from any site, following Google Labs' open format, so the same ink-wash minimalism can be applied to other projects. A separate technical document captures the reveal effect for reuse.

The conversation splits between appreciation for the cloned effect and practical concerns about its reuse. One developer open-sourced their own implementation and promised a follow-up article on integration pitfalls, while another admitted shelving the idea for lack of a suitable project. A lone question asks where to purchase Codex access.