Free site audit - takes 30 seconds

Your vibecoded sitescores 44 out of 100.

Paste your URL. See what's broken. Get the code to fix it.

Free account required · Results in 30 seconds · Works on any public URL

0 sites scanned · average score 44/100

84% of scanned sites fail security headers

Average score improvement after Fix: +31 points

How it works

Three steps to a better site

Paste your URL

We crawl up to 100 pages, score every detail, and extract your design system.

Design · SEO · Security · A11y · Performance · Typography

See what's broken

Category breakdowns with specific issues, not generic advice. Download your DESIGN.md.

Missing OG tags. 14 colors. No CSP header. 3 fonts.

Get the code

Rebuilt pages using your real content inside a proper design system. Export to Cursor.

Export to Cursor · Lovable · v0 · Bolt · Windsurf

yoursite.com

68/100

Security

SEO

Design

Accessibility

Performance

Typography

Free

Score every page.

Recodify crawls up to 100 pages and scores 6 categories - design consistency, accessibility, SEO, security, performance, and typography. Every result includes your live DESIGN.md extracted from real CSS.

Category scores · Top issues · Downloadable DESIGN.md

recodify.dev68/100

Security

SEO

Design

Typography

## Colors

5 semantic colors

// Rebuilt Nav — your content, clean system

−<header style={{ background: "#1a1a2e" }}>

+<header className="bg-[var(--rc-surface)]">

− <h1 style={{ fontSize: "28px", color: "#e94560" }}>

+ <h1 className="text-2xl font-bold text-[var(--rc-primary)]">

Your Brand

</h1>

</header>

ProMost Popular

Rebuild with your content.

Every broken page rebuilt using your real content inside a proper design system. Copy-paste patches for SEO, security, and accessibility - plus an improved DESIGN.md.

Page rebuilds · Critical fixes · ZIP export for Cursor

Pro

See why they score higher.

Side-by-side comparison of your site vs a competitor. See exactly where they outperform you - category by category, with their Design DNA laid out against yours.

Score delta · Category breakdown · Design DNA diff

Start free. Pay only when you fix.

Free

✓ 1 audit (5-page crawl)
✓ DESIGN.md extraction
✓ Score across 6 categories

44 to 84 in one fix session

Typical vibecoded SaaS landing page. Fixed with Cursor and the generated DESIGN.md and patches.

Before

44/100

Color palette - 14 values

14 distinct colors - no cohesion

Top issues

✕No Content-Security-Policy header

✕Missing OG image - blank when shared on X

✕3 different font families (Inter, DM Sans, system-ui)

✕No structured data - invisible to Google

✕14 color values with no semantic naming

After DESIGN.md + patches

84/100

Color system - 5 semantic values

surface

primary

text

muted

5 named semantic colors - design system complete

Fixes applied

✓CSP, HSTS, and 4 security headers added

✓OG image route with score card generated

✓Typography consolidated to Inter + scale

✓JSON-LD structured data for SaaS product

✓DESIGN.md with semantic color tokens

Generated DESIGN.md (export to Cursor)

# DESIGN.md

## Colors
- background: #0A0A0F
- surface: #12121A
- primary: #6C5CE7
- text: #EEEEF0
- muted: #7E7E96

## Typography
- font-family: Inter, system-ui, sans-serif
- scale: 12/14/16/20/24/32/48/64px
- line-height: 1.6 (body), 1.2 (headings)

## Spacing
- base: 4px
- scale: 4/8/12/16/24/32/48/64/80/96px

## Border Radius
- sm: 6px  md: 10px  lg: 16px

Common questions

What does the free audit include?▾

The free audit scores 6 categories out of 100 each: design consistency (are your colors and spacing actually a system?), accessibility (alt text, contrast, ARIA), SEO (meta tags, OG, structured data), security (CSP, HSTS, and 4 other headers), performance (image sizing, lazy loading, font loading), and typography (font count, scale, line-height). Your DESIGN.md is extracted from live CSS and included. A free account is required - this saves your report so you can reference it later.

What's a DESIGN.md?▾

DESIGN.md is a Google open-source spec format for documenting design systems in a single portable file - colors, fonts, spacing, border-radius, motion preferences. Every AI coding tool (Cursor, Lovable, v0, Bolt) can read it as context and generate new components that actually match your existing design. Recodify extracts your current design system from your live site's CSS and exports it as a DESIGN.md you can drop directly into your AI coding tool.

How is this different from Lighthouse?▾

Lighthouse only scores performance and accessibility. Recodify also scores design consistency (Lighthouse has no concept of design systems), SEO completeness, typography, and security headers. More importantly, Recodify extracts your design system as a DESIGN.md and can generate specific code fixes - Lighthouse just tells you what's wrong.

Do I need to know how to code?▾

No. The free audit is fully automatic - paste a URL, get a report. The Fix mode generates copy-paste code patches you can paste directly into your AI coding tool of choice. If you use Cursor, Lovable, v0, or Bolt, just paste the DESIGN.md and the fix instructions into your existing session.

What frameworks do you support?▾

The audit works on any public URL regardless of framework. Fix mode generates framework-specific code patches - currently Next.js, React, and plain HTML/CSS. Tailwind and CSS Modules both supported. Tell us your stack in the Fix questionnaire and the patches will match.

Is my data private?▾

We store the audit results (scores, extracted design system, top issues) so you can share the report URL. We crawl up to 5 pages of HTML and CSS. We don't store passwords, form data, or any user-generated content from your site. Audit data is retained for 90 days.

See your score.

Free audit. No account. 30 seconds.

Free account required · Results in 30 seconds · Works on any public URL