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".
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Web Interface Guidelines
Review files for compliance with Web Interface Guidelines.
## How It Works
1. Fetch the latest guidelines from the source URL below
2. Read the specified files (or prompt user for files/pattern)
3. Check against all rules in the fetched guidelines
4. Output findings in the terse `file:line` format
## Guidelines Source
Fetch fresh guidelines before each review:
```
references/web-interface-guidelines.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:
1. Fetch guidelines from the source URL above
2. Read the specified files
3. Apply all rules from the fetched guidelines
4. Output findings using the format specified in the guidelines
If no files specified, ask the user which files to review.
The line at the top of this page pins the label v1.0.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_dswjvvugwfkjhm7n
GET https://markdownregistry.com/api/v1/resolve?ref=fcakyon/claude-codex-settings/web-design-guidelines
GET https://markdownregistry.com/api/v1/blob/633dd3e7fc44b1dfb213544ac52294ba28908859ddaf3dd91b0697a84de9491d
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
fcakyon/claude-codex-settings · plugins/adhd-output-style/skills/adhd-output-style/SKILL.md · This skill should be used when the user asks for "ADHD output", "fewer output tokens", "short numbered steps", "limited…
fcakyon/claude-codex-settings · plugins/aeo/skills/aeo/SKILL.md · This skill should be used when the user asks to "build an AEO strategy", "improve AI search visibility", "track buyer…
fcakyon/claude-codex-settings · plugins/agent-browser/skills/agent-browser/SKILL.md · Agent-browser usage guide. Read this before running any agent-browser commands. Covers the snapshot-and-ref workflow…
fcakyon/claude-codex-settings · plugins/agent-browser/skills/derive-client/SKILL.md · Reverse-engineer a website's internal API by recording browser traffic into a HAR file, then generate a standalone…
fcakyon/claude-codex-settings · plugins/agent-browser/skills/dogfood/SKILL.md · Systematically explore and test a web application to find bugs, UX issues, and other problems. Use when asked to…
fcakyon/claude-codex-settings · plugins/agent-browser/skills/ui-regression/SKILL.md · This skill should be used when the user asks to "verify UI changes", "audit UI quality", "test every screen and…
fcakyon/claude-codex-settings · plugins/agent-browser/skills/webmcp-gen/SKILL.md · Build and validate experimental WebMCP tools for an existing web page. Use when an agent needs to expose a site's real…
fcakyon/claude-codex-settings · plugins/anthropic-office-skills/skills/docx/SKILL.md · Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word…
bytedance/deer-flow · skills/public/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
vercel-labs/agent-skills · skills/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
awesome-dsh-plugin/awesome-dsh-plugin · .agents/skills/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
tech-leads-club/agent-skills · packages/skills-catalog/skills/(design)/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
gronxb/hot-updater · .agents/skills/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
coco-research/coco · skills/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
evovexai/evoflow · skills/public/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
asymmetric-al/core · .agents/skills/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
