Launching soon

What happens after a vibe-coded site "just works"

SitePort is a self-initiated project, not client work. It came out of watching people, myself included, hit the same wall after building something with Lovable: the site works, it looks good, but it's locked to a platform nobody but that AI tool can meaningfully edit. I designed and built a converter that turns an AI-generated site into a real, editable WordPress theme, so ownership doesn't have to stop where the AI tool's plan does. It's in the final stretch now, ahead of opening it up.

Role
Solo Developer & Builder
Timeline
2026 · Self-Initiated
Type
AI Lab Experiment0→1 Product
Tools
FigmaNext.js / ReactTailwind CSSTypeScriptPlaywright
0target platform: WordPress with Elementor
0steps: analyse, convert, optimise
0ways in: a URL or the code
Soonfinal QA before opening up
Problem

A finished AI-built site has no way to be handed over.

Move

Convert it into an editable WordPress theme that looks identical.

Result

A working converter, in final QA.

Screenshot of the SitePort landing page for converting a Lovable site into WordPress
The SitePort landing page
01·The story

A finished AI site that nobody can take over.

A prompt loop, a stalled handoff or a costly rebuild.

"I built my whole sitewith an AI tool."Bean ThereLives inside the AI tool"Add a blog?Hand it over?"
The businessAI site builders like Lovable go from idea to a working site fast. The catch is where it then lives.
AI builderWordPress+ ElementorSitePortFast, but lockedYours to keep
What I foundThe sites were good. What they lacked was a way to be handed over and kept.
Stuck in the loopAdd a blogAdd a blog, pleaseNo, a real blogSame prompt, again
Back to the prompt loopWant something the tool does not do? You keep asking the same tool.
Nobody can take overClient Site"How do I changethis text myself?""Um... open theAI tool."Client cannot edit it
The handoff that stallsA client needs to update their own site. The only way in is the tool that built it.
Doing the work twiceExisting₹₹₹"So I rebuildeverything?"Pay a developer
Or pay to rebuild itHiring a developer means rebuilding a site that already exists.

Builderwants to keep improvingClientwants to edit it themselvesBuilt from watching my own and others’ Lovable projects hit the same wall. Illustrated.

02·Information architecture

Give, convert, get back

The structure turns a locked site into an editable one.

BeforeA finished AI site had no path to being handed over or maintained.

Give it the site

Two ways in

  • A site URL
    • Lovable site, public
  • Upload the code
    • For sites a crawl cannot see

Convert

Three steps

  • Analyse
    • Structure of the site
  • Convert
    • Into a WordPress theme
  • Optimise
    • Clean, editable output

Get it back

Yours to edit

  • Elementor theme
    • Drag and drop
    • Looks like the original
  • Flagged gaps
    • What cannot convert cleanly
  • Verified
    • Playwright checks the pages

Built from the case study. Each column is a stage of the conversion.

03·User flows

Two ways in, one result

Both paths end in a theme you can edit.

From a URL

A builder with a public Lovable site
  1. StartPaste the site URL
  2. AnalyseRead its structure
  3. ConvertBuild a WordPress theme
    Same lookVisual fidelity is a hard rule
  4. OptimiseClean up the output
  5. VerifyA browser checks the pages
    Verified, not assumedNot just a screenshot diff
  6. EditChange it in Elementor

From the code

A site a URL crawl cannot fully see
  1. StartUpload the codebase
    A second way inSome routes are hidden from a crawl
  2. RunAnalyse, convert, optimise
  3. FlagSee what cannot convert
    Honest gapsFlagged, not faked or dropped
  4. EditChange it in Elementor

Built from the case study. The notes explain the design choice.

04·How I solved it

Three decisions that did the work

Each decision protected trust in the output.

01

WordPress and Elementor

The editor most freelancers and agencies already know.

Before / not chosenBuild a custom editor or CMS.
ChosenConvert into WordPress and Elementor.
What it changedAdoption over architecture purity.
02

Visual fidelity as a hard rule

Visual trust is what lets someone hand a site to a client.

Before / not chosenSilently drop or fake what will not convert.
ChosenFlag what cannot convert cleanly.
What it changedA flagged gap beats a silent surprise.
03

Code upload as a second way in

Some routes are invisible to a URL crawl.

Before / not chosenURL scraping only.
ChosenA codebase upload path too.
What it changedMore sites can be converted.
05·What changed

From locked to yours

A path from a finished AI site to an owned one.

The path, before

  • A site is locked in the AI tool
  • Back to the prompt loop
  • The client cannot edit it
  • Rebuild in Elementor by hand
  • Pay to do the work twice
  • Ownership stalls

The path, after

  • Gives the URL or code
  • Gets a converted theme
  • Looks identical, or is flagged
  • Edits it in Elementor
  • Hands it to a client
  • Owns the site
0target platform: WordPress with Elementor
0steps: analyse, convert, optimise
Soonlaunching, in final QA
What made the difference

Ownership handed back, not a copy of the site. The output is editable, not just similar.

What I can and cannot claim. SitePort hasn't launched publicly yet, so there's no external adoption or conversion-rate data to cite here. What's above describes what's been built and how the pipeline works, not measured outcomes at scale.

06·Next

What I would do next

It works end to end. It has not opened publicly yet.

Finish final QA

Close the last gaps before opening it up.

Learn from the first users

See which sites convert cleanly and which do not.

Widen what converts

Handle more interactions that map to Elementor.

VibeCheck · AI Lab

When a website looks finished, but isn't

Continue reading
Copied to clipboard!