> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wpos.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# AI-Built Elementor Sites — 8 Real Examples, Filmed Live

> Eight real sites, each redesigned and shipped live by an AI agent from a single prompt — filmed end to end, with the full pages to scroll.

Every example in this section was built the same way, on camera:

1. A human typed **one prompt** into Claude Code:
   *"Read BRIEF.md and build it exactly as written: set up, launch the live dev
   loop, then build the sections IN ORDER, saving after every section. Go."*
2. The agent read a design brief, started
   [`exjsx dev --gates`](/ultra/deploy), and built the page **section by
   section** — every file save hot-reloaded onto a real WordPress site and
   re-ran the [verification gates](/ultra/verify) at 1200, 1920, and 390 px.
3. When the last section landed, the film shows the page opened in the **native
   Elementor editor** — a normal, fully editable page — and then a full scroll
   of the finished site.

The videos are editorial cuts of the raw sessions: the timelapse segments are
speed-ramped with motion blur, and the **AGENT TIME** chip in the corner burns
the true elapsed build time, so the compression is honest. No human edited any
section; the only human input is the prompt above.

<Note>
  These are **design studies**: real production sites rebuilt with their own
  public copy and assets to test the toolchain against real-world content.
  All trademarks, copy, and artwork belong to their owners; no affiliation or
  endorsement is implied, and none of these studies is published beyond this
  documentation.
</Note>

## The examples

<Columns cols={2}>
  <Card title="Housemait — the fridge door" href="/ultra/examples/housemait" img="https://mintcdn.com/wpos/SJvQl-i8LbIDDJtq/images/ultra/examples/housemait-thumb.jpg?fit=max&auto=format&n=SJvQl-i8LbIDDJtq&q=85&s=df5eb9d9f9e37a1f26eca4e1deee3a1f" width="1200" height="630" data-path="images/ultra/examples/housemait-thumb.jpg">
    A family-organiser app rebuilt as a warm fridge-door collage. 9 sections,
    31 minutes of agent time.
  </Card>

  <Card title="Canopy — the greenhouse ledger" href="/ultra/examples/canopy" img="https://mintcdn.com/wpos/SJvQl-i8LbIDDJtq/images/ultra/examples/canopy-thumb.jpg?fit=max&auto=format&n=SJvQl-i8LbIDDJtq&q=85&s=982313f41660fff85b25f8c65f90354a" width="1200" height="630" data-path="images/ultra/examples/canopy-thumb.jpg">
    An SEO autopilot for Squarespace as a botanical ledger. 10 sections,
    17 minutes.
  </Card>

  <Card title="Alike.page — the magazine cover" href="/ultra/examples/alike" img="https://mintcdn.com/wpos/SJvQl-i8LbIDDJtq/images/ultra/examples/alike-thumb.jpg?fit=max&auto=format&n=SJvQl-i8LbIDDJtq&q=85&s=d3c3b19ab8b11a6d31cd0e4b850085ab" width="1200" height="630" data-path="images/ultra/examples/alike-thumb.jpg">
    A creator storefront set like a glossy front page. 8 sections, 22 minutes.
  </Card>

  <Card title="Triple Kingdom — the board box" href="/ultra/examples/triple" img="https://mintcdn.com/wpos/SJvQl-i8LbIDDJtq/images/ultra/examples/triple-thumb.jpg?fit=max&auto=format&n=SJvQl-i8LbIDDJtq&q=85&s=477883725ed9cb590126a2f275d3ab9a" width="1200" height="630" data-path="images/ultra/examples/triple-thumb.jpg">
    An indie match-3 game unpacked like a board-game box. 8 sections,
    25 minutes.
  </Card>

  <Card title="Billow — the flight ledger" href="/ultra/examples/billow" img="https://mintcdn.com/wpos/SJvQl-i8LbIDDJtq/images/ultra/examples/billow-thumb.jpg?fit=max&auto=format&n=SJvQl-i8LbIDDJtq&q=85&s=71d53de6ab3704de214ef757d01adbec" width="1200" height="630" data-path="images/ultra/examples/billow-thumb.jpg">
    A freelancer finance dashboard as a flight operations sheet. 9 sections,
    25 minutes.
  </Card>

  <Card title="Michael Pumo — the specification" href="/ultra/examples/pumo" img="https://mintcdn.com/wpos/SJvQl-i8LbIDDJtq/images/ultra/examples/pumo-thumb.jpg?fit=max&auto=format&n=SJvQl-i8LbIDDJtq&q=85&s=f17187466aa248f009219f3bafd29874" width="1200" height="630" data-path="images/ultra/examples/pumo-thumb.jpg">
    A developer portfolio rewritten as its own spec document. 8 sections,
    30 minutes.
  </Card>

  <Card title="Mat. — the desk" href="/ultra/examples/mat" img="https://mintcdn.com/wpos/SJvQl-i8LbIDDJtq/images/ultra/examples/mat-thumb.jpg?fit=max&auto=format&n=SJvQl-i8LbIDDJtq&q=85&s=7479aedb1b183fad6b208a86c2bf6de8" width="1200" height="630" data-path="images/ultra/examples/mat-thumb.jpg">
    A photo-widget app arranged like a working desk. 6 sections, 21 minutes.
  </Card>

  <Card title="Builders Table — the sprint sheet" href="/ultra/examples/bt26" img="https://mintcdn.com/wpos/SJvQl-i8LbIDDJtq/images/ultra/examples/bt26-thumb.jpg?fit=max&auto=format&n=SJvQl-i8LbIDDJtq&q=85&s=8395fc37321ed120dae879454fbaec84" width="1200" height="630" data-path="images/ultra/examples/bt26-thumb.jpg">
    A 24-hour build-sprint site as a numbered run sheet — the first film in the
    series. 8 parts, 24 minutes.
  </Card>
</Columns>
