skills.rest
bryanvillamilpragma
bryanvillamilpragmaCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance and accessibility.

3|Updated May 5, 2026
Search Tags:#accessibility#web design#code audit#UI code#Web Interface Guidelines
One-click install
npx skills add https://github.com/bryanvillamilpragma/power-Pragma --skill web-design-guidelines-bryanvillamilpragma
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/bryanvillamilpragma/power-Pragma/tree/main/skills-registry/web-design-guidelines
Command: npx skills add https://github.com/bryanvillamilpragma/power-Pragma --skill web-design-guidelines-bryanvillamilpragma

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Quickly assess and improve web design code to comply with Web Interface Guidelines, enhancing accessibility and user experience.

Core Features & Use Cases

  • Compliance Check: Verify UI code against a set of established best practices.
  • Accessibility: Ensure web designs are accessible to all users, including those with disabilities.
  • Audit: Conduct a detailed audit of web design code to identify and rectify issues.

Quick Start

Run the web-design-guidelines skill on your UI code by providing a file or pattern argument, e.g., 'web-design-guidelines my-ui-code.js'.

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

To audit UI code for web design compliance, you can run a review process that checks your files against established Web Interface Guidelines to identify accessibility issues and ensure best practices are met.

What is a UI code compliance check and when do I need it?▼

A UI code compliance check reviews your web interface files against established guidelines to ensure accessibility. You need it when you must verify that your web designs meet required standards for all users.

How do I check my web interface files for accessibility issues?▼

You can check your web interface files for accessibility issues by passing a specific file or pattern argument into a guideline review tool, which then fetches established practices and flags non-compliant code.

Can I review specific UI code files for web design guideline adherence?▼

Yes, you can review specific UI code files for web design guideline adherence by providing the target file name, such as 'my-ui-code.js', as an argument to scope the compliance audit directly to that code.

What is the best way to ensure web designs are accessible to users with disabilities?▼

The best way to ensure web designs are accessible to users with disabilities is to perform a detailed code audit that fetches and applies Web Interface Guidelines, rectifying identified compliance issues.

Related Skills

Explore More Design & Creative Skills→
ProfFroggoProfFroggo
1

web-design-guidelines

Review UI code against Web Interface Guidelines and produce a findings report.

Community
Intermediate
vercel-labsvercel-labs
29.9k

web-design-guidelines

Validate UI code against the latest Web Interface Guidelines.

Official
Intermediate
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate
noahwins-ngnoahwins-ng
1

web-design-guidelines

Audit UI components, HTML structures, and CSS patterns against design and accessibility standards.

Community
Intermediate