skills.rest
shirulot
shirulotCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit web interface source code for design and accessibility compliance.

Updated Jul 6, 2026
Search Tags:#code review#accessibility#web design#ux#web standards#ui audit
One-click install
npx skills add https://github.com/shirulot/codex-skill --skill web-design-guidelines-shirulot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/shirulot/codex-skill/tree/main/web-design-guidelines
Command: npx skills add https://github.com/shirulot/codex-skill --skill web-design-guidelines-shirulot

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the inconsistency and accessibility gaps in UI development by providing an automated audit against established Web Interface Guidelines.

Core Features & Use Cases

  • Automated UI Auditing: Scans code files to verify compliance with industry-standard design and accessibility rules.
  • Standardized Reporting: Outputs findings in a clear, actionable file:line format for rapid remediation.
  • Use Case: Use this during a code review to ensure a new landing page component adheres to accessibility best practices and design consistency before merging.

Quick Start

Ask the assistant to review your UI code against the web design guidelines for the specified file or directory pattern.

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 my web interface source code for accessibility compliance?▼

To audit web interface source code for accessibility compliance, submit your files for an automated review. The system scans against established design guidelines and outputs structured, line-specific feedback for rapid remediation.

How does an automated UI code review identify UX and design standard violations?▼

An automated UI code review identifies UX and design standard violations by scanning source code against external rule sets. It checks interface implementation to validate accessibility and design consistency, generating actionable findings.

Can I check specific UI components for web design guidelines before merging a pull request?▼

Yes, you can check specific UI components for web design guidelines before merging. Request a code review for your specified file or directory pattern to ensure components adhere to accessibility best practices.

What is the best way to format accessibility check findings for rapid remediation?▼

The best way to format accessibility check findings for rapid remediation is using a file:line structure. This standardized reporting points directly to the exact location of UI inconsistencies, enabling immediate fixes.

Do I need external dependencies to perform a UI audit on my landing page?▼

No external dependencies are required to perform a UI audit on your landing page. The system leverages external rule sets internally to validate interface implementation, requiring only your source code files for the review.

Related Skills

Explore More Design & Creative Skills→
elianivaelianiva
203

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and usability.

Community
Intermediate
designnotdrumdesignnotdrum
1

macos-hig-designer

Guide macOS interface design with Apple HIG and Liquid Glass patterns.

Community
Advanced
haitao2016haitao2016

fullstack-dev-skills

Guide fullstack development across 12 specialist domains with systematic workflows.

Community
Advanced
brunocentanarobrunocentanaro

web-design-guidelines

Identify UI code deviations from Web Interface Guidelines for accessibility and usability.

Community
Intermediate