Design & UX Skill
Accessibility Compliance
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns…
$15
Web Design Guidelines
Review UI code for Web Interface Guidelines compliance.
A systematic UI code review engine that audits accessibility, responsive behavior, interaction patterns and visual quality against a live, community-driven web interface standard. It produces file:line findings with PASS/FAIL/WARN classifications across 15+ objective checkpoints instead of subjective 'looks good' opinions. The output is a measurable quality score that can gate merges and protect production deploys.
$15 one-time
Add to a kit → Prices include 20% VAT. · Forged on real agency work · one-time, no lock-in
- Type Skill
- Category Design & UX
- Delivery Email · instant
- License One-time
Inside the run · no black box
See the actual work before you buy it.
The ruleset gets fetched live before every review, so the audit never runs against a stale local copy. From there, each component faces the checklist, the anti-pattern scan and the edge cases:
- Fetches the live Vercel Web Interface Guidelines before every review, so the audit runs against the current ruleset rather than a stale local copy
- Walks each component through the 15+ point checklist: keyboard access, visible focus rings, contrast ratios, label-input association, the three breakpoints (375, 768, 1440), 44x44px touch targets, 14px minimum body text
- Verifies 4-state coverage on every data-fetching component: shape-matched skeletons instead of generic spinners, errors carrying a retry action, empty states carrying a CTA, then the happy path
- Auto-flags the known anti-patterns on sight: div-with-onClick, absolute pixel widths, sub-14px mobile text, missing alt text, color as the only error signal, below-fold images without lazy loading
- Checks the edge cases most reviews skip: RTL logical properties, prefers-reduced-motion behavior, high contrast mode, print styles
- Outputs a file and line report with a PASS, WARN or FAIL per rule and a concrete fix for every failure (change w-8 h-8 to w-11 h-11), not a vague opinion about quality
One power source. 6 lines out.
web-design-guidelines · core
core active · 6 lines
- ✓ reviewing ui code before
Reviewing UI code before a feature merge
- ✓ running an accessibility
Running an accessibility or UX audit on a component
- ✓ verifying best-practice…
Verifying best-practice compliance across breakpoints
- ✓ sanity-checking ui quality
Sanity-checking UI quality before a production deploy
- ✓ catching touch-target, c…
Catching touch-target, contrast and 4-state gaps
- ✓ auto-flagging anti-patte…
Auto-flagging anti-patterns like div-onClick and tiny fonts
Yours to keep.
Drag time forward. Watch what stays.
Forever
That's what owning means.
The rented stack
ai writing tool: subscription
expired · access lostanalytics suite: subscription
expired · access lostdesign platform: subscription
expired · access lost(nothing left)
Your forge
-
Replace subjective design opinions with 15+ objective, scored checkpoints
license: perpetual -
Gate merges on a minimum pass rate to keep UI quality consistent
license: perpetual -
Catch responsive, contrast and state-coverage gaps before users do
license: perpetual -
Stay current by fetching the latest guideline rules on every review
license: perpetual
subscriptions expire · deeds don't
Everything in the box.
Pick a piece up. Watch it work.
Live guideline fetch so audits track the newest rules
6 parts · one working system · ships instantly by email
This wasn't forged for everyone.
- Not for you if you'd rather rent a tool than own one.
- Not for you if you want someone else to run your stack.
- Not for you if you're happy guessing.
Front-end teams and reviewers who want an objective, repeatable UI quality gate before merging or deploying.
then this was forged for you.Works with
Universal by design: these run in any AI. Delivered in the open Agent Skills + MCP format (native in Claude); ChatGPT, Gemini, Cursor and Copilot adapt the same files their own way.
- Claude Native format
- ChatGPT Adapts via open standards
- Gemini Adapts via open standards
- Cursor Adapts via open standards
- Copilot Adapts via open standards
Catch what's on your mind.
the air is clear. nothing between you and the forge.
catch a spark: the forge will answer
-
Can I use this as a merge gate in our team's workflow?
Yes, that is the intended shape. It outputs structured file:line findings with PASS/WARN/FAIL counts across 15+ objective checkpoints, so you can set a minimum pass rate that a feature branch must hit before merging or deploying.
-
How is this better than an experienced reviewer eyeballing the UI?
It replaces opinion with measurement: a WCAG 2.2 AA contrast matrix evaluated per color pair, touch-target and 4-state checks, and an auto-flag list for anti-patterns like div-onClick and sub-14px fonts. It also fetches the live guideline rules on every run, so the standard never goes stale.
-
Does it fix the violations it finds?
No. It is a review engine, not a refactoring tool. You get classified findings with exact file:line locations and the defensive patterns to apply, but the remediation commit is yours to write.
-
How is it delivered?
By email right after purchase: ready to run, downloaded instantly, no setup wait.
-
One-time or subscription?
A one-time purchase; no subscription or hidden fees. VAT (20%) is included.
-
Can I get a refund?
As a digital product, it can’t be refunded once downloaded. That’s why we show exactly what’s inside and who it’s for, right here.