Skills

Skill 19 of 19

Web Design Guidelines

Review UI code for Web Interface Guidelines compliance.

1 minute · 129 words · 4 sections

Install

$ npx skills add antfu/skills --skill web-design-guidelines

$ npx skills add antfu/skills

The first command installs just this skill, by the name in its SKILL.md; the second installs the whole repository.

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

Fetch the latest guidelines from the source URL below
Read the specified files (or prompt user for files/pattern)
Check against all rules in the fetched guidelines
Output findings in the terse file:line format

Guidelines Source

Fetch fresh guidelines before each review:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Usage

When a user provides a file or pattern argument:

Fetch guidelines from the source URL above
Read the specified files
Apply all rules from the fetched guidelines
Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

About this skill

Trigger

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

The verbatim description from this skill’s front matter — the string an agent matches on to decide whether to load it.

Colophon for this issue

Colophon

How this issue was made

Source

github.com/antfu/skills, branch main, last pushed 23 June 2026.

Licence

MIT — the text of every skill is reproduced unmodified, frontmatter included, under the upstream licence.

Discovery

19 skills found by walking the repository tree for SKILL.md, not by matching a directory convention. One layout observed: skills/*/SKILL.md.

Issue colours

Resolved from a deterministic hash of the owner name. Two accent tones are generated per issue and each is proven against its own ground before it ships: a single accent that passes AA on both light and dark paper is arithmetically impossible.

Heading repairs

1 repair applied to this skill so the document has one h1 and no skipped levels:

Shifted “4 headings” from h1 to h2 so the skill title is the only h1.

Spec compliance

Every skill satisfies the Agent Skills specification’s frontmatter rules.

Images

Images inside a skill come from the upstream repository. Where the author gave no alternative text we mark the image decorative rather than inventing a description — a plausible caption we made up is worse than none for the reader who depends on it.

Signal

This repository is unranked on skills.sh, which says nothing about it: the leaderboard covers a fraction of published skills.

Agent surfaces

The whole issue is available as one markdown document at /antfu/skills.md, and each skill at its own .md URL.

Publication

Set by Skills Docs from the source repository. Body text is Literata at the reader’s chosen size and measure; code is Geist Mono. Nothing on this page was written by us except this paragraph.

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

Fetch the latest guidelines from the source URL below

Read the specified files (or prompt user for files/pattern)

Check against all rules in the fetched guidelines

Output findings in the terse file:line format

Fetch fresh guidelines before each review:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

When a user provides a file or pattern argument:

Fetch guidelines from the source URL above

Read the specified files

Apply all rules from the fetched guidelines

Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

Web Design Guidelines

Web Interface Guidelines

How It Works

Guidelines Source

Usage

About this skill

Trigger

Colophon

Web Design Guidelines

Web Interface Guidelines

How It Works

Guidelines Source

Usage

Appendix 19.1

Also bundledMarkdown · 1 file

About this skill

Trigger

Colophon

Appendix 19.1

Also bundledMarkdown · 1 file