web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices". Fetches latest Vercel guidelines and checks files against all rules.

Install with Tessl CLI

npx tessl i github:supercent-io/skills-template --skill web-design-guidelines

What are skills?

1.43x

Quality

70%

Does it follow best practices?

Impact

92%

1.43x

Average score across 3 eval scenarios

Optimize this skill with Tessl

npx tessl skill review --optimize ./.agent-skills/web-design-guidelines/SKILL.md

SKILL.md

Review

Evals

Evaluation results

100%

36%

UI Component Review for SaaS Dashboard

file:line violation format with fix suggestions

Criteria

Without context

With context

file:line format used

100%

Colon-separated line numbers

100%

Fix suggestion per violation

95%

100%

Multiple violations reported

100%

Both files reviewed

100%

Guidelines source referenced

33%

100%

Critical issues prioritized

100%

Output saved to review-report.md

100%

Without context: $0.2288 · 1m 20s · 9 turns · 14 in / 4,083 out tokens

With context: $0.5067 · 1m 57s · 24 turns · 31 in / 6,633 out tokens

85%

20%

Landing Page Accessibility and UI Compliance Audit

fetch fresh guidelines from source URL

Criteria

Without context

With context

Guidelines source URL cited

20%

file:line format used

100%

Colon separator used

100%

Fix suggestion per violation

100%

Multiple rule categories covered

100%

Missing alt text flagged

100%

Form label issues flagged

100%

Structural/semantic issue flagged

100%

Report saved to audit-report.md

100%

Without context: $0.3552 · 2m 17s · 11 turns · 15 in / 7,993 out tokens

With context: $0.7018 · 2m 50s · 24 turns · 30 in / 10,969 out tokens

93%

29%

UI Review for a Component Library Before Open Source Release

critical issue prioritization and scope management

Criteria

Without context

With context

Critical issues listed first

100%

file:line format used

100%

Colon separator

100%

Fix suggestion per violation

60%

100%

Multiple files covered

100%

Modal accessibility issues flagged

100%

Avatar alt text issue flagged

100%

Scope note included

62%

50%

Guidelines source referenced

50%

62%

Output saved to component-library-review.md

100%

Without context: $0.3296 · 2m · 13 turns · 18 in / 6,174 out tokens

With context: $0.5194 · 2m 34s · 21 turns · 27 in / 7,085 out tokens

Evaluated: 3 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

UI Component Review for SaaS Dashboard Landing Page Accessibility and UI Compliance Audit UI Review for a Component Library Before Open Source Release

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.