skills.rest
raiden076
raiden076COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

2|2|Updated Mar 17, 2026
Search Tags:#ui#accessibility#compliance#usability#guidelines#web-design#design-review
One-click install
npx skills add https://github.com/raiden076/Prism --skill web-design-guidelines-raiden076
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/raiden076/Prism/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/raiden076/Prism --skill web-design-guidelines-raiden076

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Automated UI guideline compliance checks across HTML, CSS, and JS assets.
  • Accessibility verification focusing on contrast, semantics, focus order, and keyboard navigation.
  • Use Case: Run a quick audit to surface accessibility issues in a large web application and generate a remediation checklist.

Quick Start

Run a UI audit against the target project using the latest guidelines and report findings.

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 web accessibility and usability compliance?▼

To audit UI code for web accessibility and usability compliance, the skill reviews HTML, CSS, and JS assets against Web Interface Guidelines to identify gaps in color contrast, keyboard navigation, semantics, and responsive behavior, generating a concise remediation checklist.

What is checked during a web interface design review for accessibility?▼

A web interface design review for accessibility checks UI components for color contrast adequacy, correct semantics, logical focus order, and functional keyboard navigation to ensure full usability across standard web applications.

Can I run an automated accessibility check across a large web application?▼

Yes, you can run an automated accessibility check across a large web application by applying rule-aligned guidelines to your project files, automatically surfacing compliance issues and reporting findings in a concise format for remediation.

Does this UI guideline audit fetch the latest official compliance rules?▼

Yes, the UI guideline audit fetches the latest compliance rules directly from the official source, ensuring that all accessibility and usability evaluations reflect current web interface standards.

What is the best way to generate a remediation checklist for UI accessibility gaps?▼

The best way to generate a remediation checklist for UI accessibility gaps is auditing user interface code against web interface guidelines, which surfaces contrast, semantics, and keyboard navigation issues in a concise, rule-aligned report.

Related Skills

Explore More Design & Creative Skills→
sulthonuladibsulthonuladib

web-design-guidelines

Identify UI conformance issues against Web Interface Guidelines in HTML/CSS/JS codebases.

Community
Intermediate
saranskumarsaranskumar

accessibility-reviewer

Identify and report accessibility gaps in UI designs.

Community
Intermediate
SmanaSmana
97

crossplane-renderer

Render Crossplane compositions and validate them with Polaris, kube-linter, and Datree.

Community
Advanced
ksciuskscius
2

accessibility-auditing

Audit web page accessibility by analyzing Cursor's ARIA tree snapshots.

Community
Advanced