skills.rest
rafazafar
rafazafarCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and usability gaps.

Updated Apr 11, 2026
Search Tags:#design#ui#accessibility#review#guidelines#web
One-click install
npx skills add https://github.com/rafazafar/codex-octopus --skill web-design-guidelines-rafazafar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/rafazafar/codex-octopus/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/rafazafar/codex-octopus --skill web-design-guidelines-rafazafar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source and apply them to your UI codebase.
  • Read targeted files or code patterns and verify against the fetched rules.
  • Provide actionable findings to improve accessibility, layout consistency, and interaction design.

Quick Start

Provide the UI files or pattern, and I will review them against the latest Web Interface Guidelines.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit UI code for accessibility and usability gaps?▼

To audit UI code for accessibility and usability gaps, provide your UI files or code patterns to the Skill, which fetches the latest Web Interface Guidelines and reports findings in a concise file:line format.

What is the best way to review web design guidelines compliance in a codebase?▼

The best way to review web design guidelines compliance is to fetch the latest rules from the official source URL, apply all rules to your targeted UI files, and report actionable findings to improve layout consistency and interaction design.

Can I review specific code patterns against web interface guidelines?▼

Yes, you can review specific code patterns against web interface guidelines by specifying the targeted files or patterns, allowing the Skill to verify them against the fetched rules and identify accessibility and usability gaps.

Do I need any dependencies to check UI code for web interface guidelines?▼

No dependencies are required to check UI code for web interface guidelines, as the Skill fetches the latest rules directly from the official source URL and applies them to your specified codebase files.

What format are accessibility and usability review findings reported in?▼

Accessibility and usability review findings are reported in a concise file:line format, providing actionable feedback to improve layout consistency, interaction design, and overall compliance within your UI codebase.

Related Skills

Explore More Design & Creative Skills→
BangjjackBangjjack

web-design-guidelines

Review UI code against Web Interface Guidelines and report findings in file:line format.

Official
Intermediate
pingqLINpingqLIN

impeccable

Audit frontend UI design gaps across usability, accessibility, and visual consistency.

Community
Advanced
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate