skills.rest
nielslataire
nielslataireCOMMUNITY
Explore all skills by this author →
GitHub

full-ui-check

Audits UI pages against Vercel interface guidelines and Anthropic frontend design criteria in one report.

Updated May 21, 2025
Search Tags:#code review#accessibility#frontend#design review#ux#ui audit#web guidelines
One-click install
npx skills add https://github.com/nielslataire/Group-LN --skill full-ui-check-nielslataire
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: full-ui-check
Source: https://github.com/nielslataire/Group-LN/tree/main/.claude/skills/full-ui-check
Command: npx skills add https://github.com/nielslataire/Group-LN --skill full-ui-check-nielslataire

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Reviewing a page or component for both hard accessibility/UX rule violations and subjective design quality normally requires running two separate audits and merging the findings by hand. This Skill combines Anthropic's frontend-design aesthetic review with Vercel's Web Interface Guidelines compliance check into a single consolidated report. ## Core Features & Use Cases - Dual-lens evaluation: Checks 100+ concrete accessibility, performance, and UX rules while also judging whether the design is distinctive or a generic templated default. - Consolidated report format: Produces terse file:line compliance violations, honest design critique across palette, structure, motion, and copy, plus a ranked priority-fix list. - Use Case: Before shipping a new landing page, run the check on the page file to catch a11y violations and detect that the hero section reads like a templated AI default, then fix the top three issues by user impact. ## Quick Start Run a full UI check on the file src/pages/landing.tsx and give me the consolidated compliance and design report.

Frequently Asked Questions about full-ui-check

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit a web page for accessibility and UX guideline violations?▼

Run the check against the page file or a running dev server URL. It evaluates the page against 100+ Vercel Web Interface Guidelines rules and reports each MUST/SHOULD violation as a terse file:line entry.

How to tell if my UI design looks like generic AI-generated output?▼

The design-quality lens evaluates palette, typography, structure, hero, motion, and copy to identify templated defaults. It names which of the three common templated patterns the design clusters around and calls out anything that reads as an AI default.

Does this check work on a running page or only source code?▼

Both are supported. If a dev server is running and the rendered page is reachable, the check inspects the rendered page directly; otherwise it evaluates the markup and source files passed as arguments.

What does the consolidated UI check report contain?▼

The report has three sections: terse file:line guideline violations, a design-quality critique covering palette, structure, motion, and copy, and a priority-fix list ranked by user impact, with accessibility and broken interactions first.

What are the limitations of a combined UI design audit?▼

The check depends on two referenced skill definitions being present and read in full before evaluation. It produces critique and fix recommendations but does not modify code, so applying the priority fixes is a separate manual step.

Related Skills

Explore More Design & Creative Skills→
ethereumethereum
6.0k

review-page

Runs adversarial copy and design-system review loops against built ethereum.org pages until clean.

Official
Advanced
simotasimota
68

gauge

Audit SKILL.md files against a 16-item normalization checklist.

Community
Advanced
ChegginCheggin
1

accessibility-checker

Audit web UI against WCAG 2.1 AA using axe-core via Playwright.

Community
Advanced
AndersonBaezPAndersonBaezP

accessibility

Audit web pages for WCAG 2.1 compliance using Lighthouse and axe-core.

Community
Advanced