skills.rest
brp00005
brp00005COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Updated Aug 23, 2026
Search Tags:#ui#accessibility#auditing#review#web-design#design-guidelines
One-click install
npx skills add https://github.com/brp00005/site2 --skill web-design-guidelines-brp00005
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/brp00005/site2/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/brp00005/site2 --skill web-design-guidelines-brp00005

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The skill helps teams ensure their UI designs conform to the Web Interface Guidelines by auditing code and assets for accessibility, consistency, and usability.

Core Features & Use Cases

  • Automated conformance checks against the latest guidelines for HTML, CSS, and JavaScript.
  • Accessibility auditing covering color contrast, focus management, keyboard navigation, and ARIA semantics.
  • Design consistency and typography review, including responsive behavior and spacing.
  • Use Case: Before launching a new page, run a review to identify gaps and generate a prioritized remediation plan.

Quick Start

Provide the file path or glob pattern of the UI assets you want reviewed.

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 HTML and CSS code for web accessibility issues?▼

To audit HTML and CSS for web accessibility, provide the file path or glob pattern of your UI assets. The review checks color contrast, focus management, keyboard navigation, and ARIA semantics against official guidelines.

What does a web interface design consistency check cover?▼

A web interface design consistency check covers typography, responsive behavior, and spacing. It analyzes your UI code and assets to identify conformance gaps with the latest design guidelines.

Can I review JavaScript files for UI guideline conformance?▼

Yes, you can review JavaScript files for UI guideline conformance. The audit analyzes HTML, CSS, and JavaScript assets to ensure accessibility and consistency across your web project.

What is the best way to prepare a UI accessibility audit before launch?▼

The best way to prepare a UI accessibility audit before launch is to fetch the official Web Interface Guidelines, analyze your code and assets, and generate a prioritized remediation plan for conformance gaps.

Does the accessibility audit check keyboard navigation and ARIA semantics?▼

Yes, the accessibility audit explicitly checks keyboard navigation and ARIA semantics. It also reviews color contrast and focus management to ensure full web interface accessibility.

Related Skills

Explore More Design & Creative Skills→
p-potvinp-potvin
1

web-design-guidelines

Assess frontend HTML, CSS, and JavaScript against Web Interface Guidelines and accessibility rules.

Community
Intermediate
JaylaelikeJaylaelike

web-design-guidelines

Analyze HTML, CSS, and JavaScript files against Web Interface Guidelines.

Community
Intermediate
dhruvil7797dhruvil7797

normalize

Normalize UI features to design system tokens and output a remediation plan.

Community
Intermediate
t-stringst-strings

Frontend Accessibility

Review frontend UI code for HTML semantics, ARIA, keyboard navigation, and contrast.

Official
Basic