studiohans-agency/framer-lighthouse-100

An open source Claude skill that audits a Framer website and works toward a perfect 100 / 100 / 100 / 100 in PageSpeed Insights (Performance, Accessibility, Best Practices, SEO) on mobile and desktop, and hands you a PDF report at the end.
Made by Studio Hans.
## What it does
1. Measures properly. Runs PageSpeed 3 times per device through the API, and also in your own browser on pagespeed.web.dev. Opens your live site, scrolls every page to the bottom, and reads the console and network logs.
2. Finds what PageSpeed misses. Checks every image (including cards and sliders far down the page that PageSpeed never flags), every video, ticker, font, blur, embed and script. Checks contrast using the colors your browser actually paints, and finds empty states and missing meta descriptions on every page, CMS template, 404 page, legal page and locale.
3. Fixes what is safe, without asking: alt text, heading tags, landmarks, button, link and form labels, image Resolution set to Auto, oversized images resized, images as WebP, videos compressed to WebM, GIF to video, deferred scripts, nested links, titles and meta descriptions, site language, favicon.
4. Asks before anything you would notice: fonts, colors, animations, tickers, breakpoints, embeds, scripts and existing copy. It sends one numbered list ("reply 1 yes, 2 no"), applies what you approve, and keeps going until every item is decided.
5. Verifies. Re-reads every change in Framer, checks the resolved values in the browser after you publish, and reruns PageSpeed.
6. Reports in full, twice. A detailed report in the chat: what is wrong and where, what it changed with before and after values, what it will change next, what it suggests, and what Framer controls. Plus a PDF of the same report, ready to download and share.
It never publishes your site unless you tell it to.
### Things it catches that a PageSpeed score alone doesn't
Five portfolio card images of several megabytes each, below the fold, never flagged by PageSpeed.
A contrast failure that survived a color fix, because the color the browser painted came from a different layer than the one that was changed. The skill now inspects the exact nodes and their resolved colors instead of assuming.
A logo ticker that keeps phones busy on every frame. It suggests swapping it for a looping video of the same ticker, and can make that video for you.
A hero video that keeps the mobile Speed Index high even though the page loads fast.
Fonts that are not WOFF2, weights used once, and fallback fonts painting real text.
Missing meta descriptions on CMS articles, the 404 page and legal pages.
## Results
Real client site (a premium car detailing business, built in Framer), PageSpeed Insights, median of 3 runs:
| | Performance | Accessibility | Best Practices | SEO |
| Mobile before | 75 | 100 | 100 | 100 |
| Mobile after | 100 | 100 | 100 | 100 |
| Desktop before | 88 | 100 | 100 | 100 |