When a website looks finished,
but isn't production-ready

VibeCheck is a self-initiated audit tool. Not client work, not a portfolio exercise, just something I built on my own time because I kept catching the same problem across AI-assisted builds, including my own: a site can look completely done and still be quietly broken underneath. I scoped it, designed it, and built it, and it's now live in public beta for anyone to try.

View VibeCheck
Role
Solo Developer & Builder
Timeline
2026 · Self-Initiated
Type
AI Lab Experiment0→1 Product
Tools
FigmaNext.js / ReactTailwind CSSTypeScriptPlaywright
0audit categories: SEO, speed, security, access, integrations
0score, with a short ranked list
Realbrowser checks, not static parsing
Betapublic, free to try
Problem

AI builds sites that look finished but break underneath.

Move

One score and a short, ranked list of what blocks launch.

Result

A working tool in public beta that I use on my own builds.

VibeCheck homepage hero: 'It looks done.' with a URL field to scan your site, beside a preview of a launch-ready site with flagged issues
The VibeCheck homepage, where an audit starts
01·The story

It looks finished, but it is not production-ready.

Looks done, fails silently, and cannot be found.

"Make me a bakerywebsite."AIcrumbs-and-co.appCrumbs & Co.2 minutes later
The businessAI tools now build a whole website from a sentence. Great for speed. It changes what can go wrong.
What you seeSEOSpeedSecurityAccessibilityIntegrationsWhat breaks later
What I foundLooking at a site was never going to catch this. The problems live where nobody looks.
Looks perfect, to the eye"It looks perfect.Ship it!"crumbs-and-co.appCrumbs & Co.
It looks doneTo the eye, nothing is wrong. That is the whole trap.
Fails silently"I messaged them3 days ago.""My inbox is empty?"Contact usEmail was never set up
The form that goes nowhereA contact form that was never connected to email looks fine and does nothing.
Nobody finds it"Still loading...Forget it."slowUntitledcrumbs-and-co.app?No title. No description.
Slow, and hard to findVisitors leave slow pages. Search engines skip pages that say nothing about themselves.

Builderships fast with AIVisitorhits what no one checkedBuilt from manual audits of my own and others’ AI-built sites. Illustrated.

02·Information architecture

Start, report, five categories

The structure puts the answer first and the detail second.

BeforeA raw, Lighthouse-style findings report. Nobody read past the first screen.

Start

One input

  • Homepage
    • Paste a URL
    • Run an audit

Report

Score first, then the rest

  • Score
    • One number
  • Critical list
    • Ranked by what blocks launch
  • Details view
    • Everything else

Five categories

The repeat offenders

  • SEO
  • Performance
  • Security
  • Accessibility
  • Integrations

Built from the case study and the live product. Each column is a stage of an audit.

03·User flows

Two flows from a URL to a fix

Each flow ends with something to act on.

Run an audit

A builder checking a site before launch
  1. StartPaste a URL
  2. LoadA real browser opens the page
    Real checksLoads and interacts, not static parsing
  3. CheckFive categories run
    Five, not fifteenThe repeat offenders only
  4. ScoreOne score appears
    One numberNot a wall of findings
  5. FixWork the critical list
    RankedWhat blocks launch first

Read the report

Deciding what to fix first
  1. SeeThe score
  2. ScanThe short critical list
    Short on purposeThe first version’s full report made people close the tab
  3. DigOpen the details view
    Details on requestNot on the front screen

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

04·How I solved it

Three decisions that did the work

Each decision kept the result readable.

01

A score and a short critical list

A raw dump made the problem feel bigger.

Before / not chosenA full Lighthouse-style report.
ChosenA score plus a ranked, critical-first list.
What it changedPeople can tell what blocks launch and act.
02

Five categories, not fifteen

The same five failures repeated across every manual audit.

Before / not chosenAn exhaustive set of checks, such as code linting.
ChosenSEO, performance, security, accessibility and integrations.
What it changedA focused tool that answers one question.
03

Real browser checks

Static parsing misses what a visitor’s browser hits.

Before / not chosenParse the markup only.
ChosenPlaywright loads and uses the page.
What it changedIt catches what a visual review misses.
05·What changed

From looks done to launch ready

Fewer surprises after launch.

The path, before

  • A site looks finished
  • The form fails silently
  • Pages load slowly
  • Search finds nothing useful
  • Problems surface after launch
  • A visitor hits them first

The path, after

  • Pastes the URL
  • A real browser tests it
  • Gets one score
  • Sees what blocks launch
  • Fixes the critical issues
  • Launches with fewer surprises
0audit categories
0score, ranked by what blocks launch
Betapublic, free to try
What made the difference

A score plus a short, ranked list. Everything else waits behind details.

What I can and cannot claim. VibeCheck only just entered public beta, so there's no meaningful adoption data to cite yet. What's above describes what's been built and the decisions behind it, not metrics from a mature product.

06·Next

What I would do next

It is a beta. The next step is learning from other people’s sites.

Learn from real usage

Use beta usage to tighten the checks other people’s sites surface.

Tune the critical list

Check the ranking against what people actually fix first.

Track adoption

Add measurement once there is enough use to measure.

SitePort · AI Lab

From vibe-coded to fully yours

Continue reading
Copied to clipboard!