Web Interface Guidelines Review
Reviews UI code against fetched web interface best-practice rules and reports file:line findings.
- Repository
- bytedance/deer-flow
- Stars
- 84,876
- Licence
- MIT
- Files
- 1 file
What it does
When you ask your AI agent to review a user interface, this skill tells it to first download the current list of web interface rules from an online source, then read your specified files and check them against every rule. The agent returns a compact list of problems, each pointing to a file and line number. It covers things like accessibility, usability and general best practices for websites.
Great for
- Front-end developers who want a quick checklist-style audit of a page or component before shipping
- Designers or product people reviewing a site's accessibility and UX against common guidelines
- Teams wanting a repeatable review pass that always uses the latest published rules
Skip it if
- Security audits or penetration testing, since it only checks interface guidelines (reason: it does not examine vulnerabilities)
- Projects needing a fixed, offline rule set or strict compliance certification, because the rules are fetched live and can change (reason: results may differ between runs)
Try asking
- “Review my UI in src/components/Checkout.tsx for compliance”
- “Check accessibility in app/pages/*.html”
- “Audit design of the landing page styles in styles/home.css”
- “Check my site against best practices in index.html”
Install in 3 steps
- 1
Download the skill
The ZIP contains the 1 original files, the MIT licence and an attribution note.
web-design-guidelines.zip - 2
Add it to your agent
Claude Code (all projects)
mkdir -p ~/.claude/skills && unzip web-design-guidelines.zip -d ~/.claude/skills/Claude Code / Agent SDK (this project only)
mkdir -p .claude/skills && unzip web-design-guidelines.zip -d .claude/skills/Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.
- 3
Ask for the task
No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.
Get better results
- Give a specific file or glob pattern so the agent reviews only what you care about
- Check the fetched rules source if you need a stable, auditable rule set, since it pulls from a third-party GitHub repository (vercel-labs) at review time
- Treat findings as suggestions to verify, not definitive compliance results
What's inside
- SKILL.md
Redistributed unmodified from bytedance/deer-flow under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.