skills.rest
nicoarbelaez
nicoarbelaezCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Identify UI code deviations from Web Interface Guidelines and output findings.

Updated May 12, 2025
Search Tags:#accessibility#a11y#usability#ux#ui-review#web-guidelines#design-audit
One-click install
npx skills add https://github.com/nicoarbelaez/portfolio --skill web-design-guidelines-nicoarbelaez
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/nicoarbelaez/portfolio/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/nicoarbelaez/portfolio --skill web-design-guidelines-nicoarbelaez

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines to ensure accessibility, usability, and consistency across projects.

Core Features & Use Cases

  • Apply latest web interface guidelines to UI components and pages.
  • Identify accessibility issues such as color contrast, keyboard navigation, and ARIA usage.
  • Provide remediation notes and best-practice recommendations for design and engineering teams.

Quick Start

Provide the target UI files to review and run the guidelines check against them.

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 interface guidelines and accessibility issues?▼

To audit UI code for web interface guidelines, provide your target files for review. The tool checks components against the latest guidelines to identify accessibility issues like color contrast, keyboard navigation, and ARIA usage, and outputs remediation notes.

What is a UI review for web accessibility and usability?▼

A UI review for web accessibility and usability identifies code deviations from established web interface guidelines. It assesses common web project files and components to ensure accessibility, usability, and consistency across projects, providing best-practice recommendations.

How do I check ARIA usage and color contrast in my web components?▼

To check ARIA usage and color contrast in web components, run a design audit against the latest web interface guidelines. The tool reviews your provided files and outputs findings with applicable remediation notes for the engineering team.

Can I review any web project files for usability and a11y compliance?▼

Yes, you can review common web project files for usability and a11y compliance. Simply provide the target UI files to review, and the tool will apply the latest guidelines to assess components and accessibility concerns, outputting formatted findings.

What is the best way to format UI code audit findings for engineering teams?▼

The best way to format UI code audit findings is to follow the guideline's prescribed format. The tool outputs identified deviations and includes applicable remediation notes and best-practice recommendations for design and engineering teams.

Related Skills

Explore More Design & Creative Skills→
kurokeitakurokeita
1

web-design-guidelines

Audit UI components and layouts against Web Interface Guidelines compliance.

Community
Intermediate
markky21markky21

web-design-guidelines

Review HTML, CSS, and JS files against Web Interface Guidelines.

Community
Basic
hiyenwonghiyenwong
2

accessibility-wcag

Audit web interfaces for WCAG 2.2 conformance and provide remediation guidance.

Community
Advanced
Anuj23105Anuj23105
1

accessibility-auditing

Tests web page and UI component accessibility compliance with WCAG 2.1 AA/AAA standards.

Community
Advanced