Case study

devtools2026

Site Sheriff

Drop a URL and get an agency-grade website QA report in under two minutes. Crawls up to 500 pages across 10 levels, running 100+ static checks plus 80+ axe-core accessibility rules on desktop and mobile. Delivers a prioritized, severity-weighted report with fix instructions, effort estimates, and a copy-paste client email.

Building the tools that build the tools

Field notes

Role

Creator

Read order

Evidence first, then constraint → build → proof. Use the chapter rail to jump sections; orbit to adjacent work from the bottom of the case study.

DevTools Arsenal✦I-Class Giant

●LIVE

View on GitHub

View Live Site Source Code

Evidence

System surface

No public screenshot on file, generative preview stands in for the visual layer.

Signature viewsite-sheriff.vercel.app

Open Live Site

site-sheriff.vercel.app

Story arc

How this shipped

Building the tools that build the toolsThree beats: what pressed against the work, how the stack answered, and what changed once it was live.

I · Constraint

The brief

Agencies need to prove website quality fast, but QA tooling is either shallow single-page checks or enterprise suites nobody has time to configure. The gap is a scan-first tool that crawls a whole site and returns something a client can act on.

II · Build

The craft

Built a crawler that walks up to 500 pages and runs 100+ static checks across SEO, security, and performance, plus 80+ axe-core WCAG rules on desktop and mobile viewports. Findings are severity-weighted with fix instructions, effort estimates, and a generated client-ready summary email.

III · Proof

What moved after launch

Turns a raw URL into a prioritized QA report in under two minutes. Covers 180+ total checks in a single pass. The copy-paste client email closes the loop from scan to deliverable.

Signals

Signals & scale

Checks

Pages per Scan

0axe

A11y Rules

Inventory

Stack & signals

Next.jsTypeScriptTailwindQASEOAccessibility

Tell me what you're building

If you need someone who can own UI, systems, and AI integration without losing the plot, I'm listening. Contract, advisory, or full-time: we'll find the right shape.

Start a Conversation See More Projects

Related work

Signal = how many tags a project shares with this one.

Same clustersignal 6

Signal: High

Next.jsTypeScriptQA

Rocket Vitals

Scan-first website QA tool that crawls up to 500 pages and runs 200+ checks across SEO, accessibility, performance, security, links, content, and AI readiness. Delivers prioritized reports with severity scoring, department routing, regression monitoring, and client-ready exports.

Same clustersignal 3

Signal: Medium

AccessibilityTypeScript

Precision Contrast Control

Cinematic-grade professional accessibility suite for designers and developers. Real-time WCAG 2.1 (AA/AAA) and APCA contrast analysis, AI-driven smart color suggestions, color blindness simulation (Protanopia, Deuteranopia, and more), semantic HTML structure analyzer, keyboard navigation checker, form accessibility validator, and image alt-text auditor.