| name | web-design-guidelines |
| description | Review UI code for Web Interface Guidelines compliance. |
| metadata | {"author":"vercel","version":"1.0.0","argument-hint":"<file-or-pattern>"} |
Web Interface Guidelines
Compliance review.
How It Works
- Fetch
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md.
- Read specified files.
- Check against rules.
- Output
file:line findings.
Usage
Provide file/pattern. Tool fetches rules and audits.
🧠 Aletheia Reasoning Protocol (UX)
1. Generator (Design)
- User: "Expert or Novice?".
- Feedback: "Click feedback?".
- Mobile: "Works on small screen?".
2. Verifier (Access)
- Contrast: "Readable?".
- Keyboard: "Tabbable?".
- Screen Reader: "Alt text?".
3. Reviser (Polish)
- Consistency: "Button heights?".
- Space: "Whitespace?".
🛡️ Security & Safety Protocol (UI)
- Clickjacking: Prevent redressing.
- Target Blank:
rel="noopener noreferrer".
- Input: Secure fields clearly.
- Feedback: No raw errors.