skills.rest
hybrid-npm
hybrid-npmOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Analyze HTML, CSS, and ARIA code against Web Interface Guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Align UI code with established Web Interface Guidelines to ensure accessibility, semantics, and usability across platforms.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source.
  • Analyze UI files or patterns (HTML, CSS, ARIA usage) for compliance.
  • Produce actionable findings with remediation steps for accessibility, semantics, and performance.

Quick Start

Provide the files you want reviewed and I will apply the guidelines to generate compliance 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 my UI code for accessibility and web guidelines compliance?▼

To audit UI code for accessibility, provide your HTML, CSS, and ARIA files for analysis. The system applies the latest official Web Interface Guidelines to identify compliance issues and returns actionable remediation recommendations.

What is the best way to check ARIA usage and HTML semantics against web guidelines?▼

Checking ARIA usage and HTML semantics requires fetching the latest official Web Interface Guidelines and applying them to your project patterns. This process identifies semantic and accessibility issues, returning detailed findings for immediate remediation.

Can I review CSS and HTML files for usability and performance compliance?▼

Yes, you can review CSS and HTML files for usability and performance compliance. Supply the target files, and the system will analyze them against established Web Interface Guidelines to ensure cross-platform accessibility, semantics, and performance.

Do I need to manually provide web accessibility rules for the review process?▼

No, you do not need to manually provide web accessibility rules. The system automatically fetches the latest Web Interface Guidelines from the official source URL to ensure your UI code is evaluated against current accessibility, performance, and usability standards.

What format do accessibility and compliance findings take after reviewing UI files?▼

Accessibility and compliance findings are returned in a specified terse format. This output highlights identified issues in your UI code and provides actionable remediation recommendations to fix semantic, performance, and accessibility gaps.

Related Skills

Explore More Design & Creative Skills→
H2OSLabsH2OSLabs

web-design-guidelines

Scan HTML, CSS, and JS files against Web Interface Guidelines and return line-numbered reports.

Official
Intermediate
mchien15mchien15

web-design-guidelines

Compare UI files against Web Interface Guidelines for compliance issues.

Community
Intermediate
89jobrien89jobrien
4

web-accessibility

Audit web content for WCAG 2.1/2.2 conformance and accessibility issues.

Community
Advanced
opencodosopencodos
14

web-design

Audit HTML, CSS, and JS for web interface guideline compliance.

Official
Intermediate