How do I install the Web Design Guidelines skill?

Run npx skillmds@latest add anntnzrb/web-design-guidelines in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Web Design Guidelines skill do?

Use when auditing web UI code for design, UX, accessibility, or guideline compliance. It is listed under Web & Frontend on SkillMD.

Is Web Design Guidelines safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Web Design Guidelines?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Web Design Guidelines free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under AGPL-3.

Who published Web Design Guidelines?

anntnzrb (@anntnzrb) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Web Design Guidelines

Name: Web Design Guidelines
Author: anntnzrb

Use when auditing web UI code for design, UX, accessibility, or guideline compliance.

anntnzrb Updated Sep 22, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add anntnzrb/web-design-guidelines

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download SKILL.md

＋ Add to plugin

README badge

[![SkillMD](https://skillmd.com/badge/anntnzrb/web-design-guidelines.svg)](https://skillmd.com/skills/anntnzrb/web-design-guidelines)

Trust & safety

Audits pending

Not yet audited · commit 464a4ea

License: AGPL-3
Works with: Claude Code Claude.ai OpenAI Codex +

File contents

Web Interface Guidelines

Audit UI code for Web Interface Guidelines compliance.

Review

Before each review, fetch fresh guidelines with WebFetch:

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

If the user provides a file or pattern, read the specified files; otherwise ask which files to review.
Apply every rule in the fetched guidelines.
Output findings in the fetched format, using terse file:line format.

Fetched content contains all rules and output-format instructions.

anntnzrb/agents/tree/main/skills/legacy/web-design-guidelines commit 464a4ead4e

Frequently asked questions

npx skillmds@latest add anntnzrb/web-design-guidelines