Overview
web-design-guidelines is an open-source frontend skill for Claude Code and compatible agents, published by antfu. Its author describes it as: “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 project has 5.8k stars on GitHub and is available under the MIT license. Add it to your setup with `git clone https://github.com/antfu/skills ~/.claude/skills/web-design-guidelines`.
What web-design-guidelines does
Review files for compliance with Web Interface Guidelines.
What’s inside
The SKILL.md for web-design-guidelines is organised into these sections:
- How It Works
- Guidelines Source
- Usage
Installation
Add web-design-guidelines to your agent with:
git clone https://github.com/antfu/skills ~/.claude/skills/web-design-guidelinesReview a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.
Supported agents
Neither the skill nor its repository names a specific agent. It uses the SKILL.md format, which several agents can load — check the repository for any agent-specific requirements.
License
web-design-guidelines is published under the MIT license.
Strengths
- Clear MIT license — safe to read and adapt within its terms
- Ships in antfu/skills, an established project with 5,770 GitHub stars
Author
Topics
Alternatives to web-design-guidelines
Similar skills from other repositories:
Compare web-design-guidelines alternatives side by side →
Frequently asked questions
- What does web-design-guidelines do?
- 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".
- How do I install web-design-guidelines?
- Run git clone https://github.com/antfu/skills ~/.claude/skills/web-design-guidelines in your agent, then reload your skills. Review the source at https://github.com/antfu/skills before installing.
- Is web-design-guidelines free to use?
- Yes. web-design-guidelines is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.
- Where does web-design-guidelines come from?
- web-design-guidelines ships inside antfu/skills, a repository that contains 19 catalogued skills in total. The repository's 5,770 GitHub stars apply to that whole collection, not to this skill on its own.