skills.rest
hmyousuf2010
hmyousuf2010COMMUNITY
Explore all skills by this author →
𝕏@hmyousuf2010GitHub

web-design-guidelines

Review UI code against Web Interface Guidelines and report violations.

Updated Aug 27, 2026
Search Tags:#ui#accessibility#audit#compliance#guidelines#web-design
One-click install
npx skills add https://github.com/hmyousuf2010/jhara --skill web-design-guidelines-hmyousuf2010
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/hmyousuf2010/jhara/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/hmyousuf2010/jhara --skill web-design-guidelines-hmyousuf2010

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly validate UI code against Web Interface Guidelines, helping teams ensure accessibility, usability, and design quality across projects.

Core Features & Use Cases

  • Guidelines fetch: Retrieve the latest Web Interface Guidelines from the official source.
  • File analysis: Scan UI files and patterns provided by the user for guideline conformance.
  • Rule application: Apply all fetched guidelines to produce a concise report of violations and recommendations.
  • Use Case: Ideal for auditing web apps, component libraries, and design systems to improve accessibility and UX.

Quick Start

Provide the UI files or repository URL you want reviewed against the latest guidelines.

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

To audit UI code for accessibility, provide your web project files or repository URL to fetch the latest Web Interface Guidelines, apply the rules, and generate a concise report of violations and recommendations.

What is the best way to check if a component library meets web interface guidelines?▼

Checking if a component library meets web interface guidelines involves scanning the provided UI files against fetched compliance rules to ensure accessibility, usability, and design quality across the project.

Can I validate web app accessibility patterns across multiple files?▼

Yes, you can validate web app accessibility patterns across multiple files by submitting the target UI files, which are then read and analyzed for conformance with established web interface guidelines.

Does the accessibility audit require a specific framework or UI dependency?▼

No UI dependencies are required for the accessibility audit, as the process directly reads target files and applies fetched web interface rules to report design and compliance findings.

How are web interface guideline violations reported during a UI file analysis?▼

During UI file analysis, web interface guideline violations are reported in a concise format detailing specific rule applications and providing actionable recommendations to improve accessibility and UX.

Related Skills

Explore More Design & Creative Skills→
nakafaainakafaai
78

web-design-guidelines

Analyze UI files against Web Interface Guidelines and report issues in file:line format.

Official
Basic
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
kindfi-orgkindfi-org
19

web-design-guidelines

Assess UI code against Web Interface Guidelines for accessibility and design issues.

Official
Intermediate
Noisemaker111Noisemaker111

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate