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".

Install with Tessl CLI

npx tessl i github:jdrhyne/agent-skills --skill web-design-guidelines

What are skills?

Review — 81%

Does it follow best practices?

If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:

npx tessl skill review --optimize ./path/to/skill

Learn more

Evaluation — 83%

Agent success when using this skill

Validation — 11 / 11 Passed

Validation for skill structure

SKILL.md

Review

Evals

Evaluation results

82%

26%

Login Form UI Review

Output format and form/accessibility compliance

Criteria

Without context

With context

file:line format

13%

100%

Terse findings

70%

Passing file marked

50%

transition:all flagged

100%

outline-none flagged

100%

div onClick flagged

100%

aria-label missing

100%

autocomplete missing

100%

htmlFor missing

100%

Loading ellipsis

Without context: $0.2338 · 1m 23s · 7 turns · 8 in / 4,496 out tokens

With context: $0.5443 · 2m 21s · 21 turns · 19 in / 9,001 out tokens

90%

42%

Pricing Page Component Audit

Animation rules and typography conventions

Criteria

Without context

With context

file:line format

30%

100%

transition:all flagged

100%

prefers-reduced-motion missing

100%

Non-transform animation

50%

100%

transform-origin missing

100%

Ellipsis character

100%

tabular-nums missing

100%

text-wrap:balance missing

hover state missing

100%

Terse findings

100%

Without context: $0.3653 · 2m 17s · 9 turns · 10 in / 7,754 out tokens

With context: $0.5616 · 2m 34s · 23 turns · 21 in / 8,875 out tokens

77%

30%

Dashboard Component Accessibility Review

Accessibility, semantic HTML, and image attributes

Criteria

Without context

With context

file:line format

100%

div onClick flagged

100%

Keyboard handlers missing

50%

70%

aria-label on icon button

100%

Image alt text

100%

Image dimensions

aria-hidden on decorative icon

70%

100%

aria-live for async update

Passing file marked

50%

100%

Terse findings

100%

Without context: $0.2058 · 1m 8s · 6 turns · 55 in / 3,890 out tokens

With context: $0.5911 · 2m 44s · 21 turns · 265 in / 11,038 out tokens

Evaluated: 3 days ago
Agent: Claude Code

Table of Contents

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.