skills.rest
zyx77550
zyx77550COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Identify Web Interface Guidelines violations in UI codebases and report file:line findings.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams ensure their web interfaces comply with established Web Interface Guidelines, catching usability and accessibility gaps early in the design and code review process.

Core Features & Use Cases

  • Rule-based UI compliance checks against the latest Web Interface Guidelines.
  • Actionable findings tied to code or UI components to guide fixes.
  • Use Case: A developer reviews a new page to verify alignment with accessibility and UX best practices before deployment.

Quick Start

Provide the project files to review and I will audit the UI against the latest Web Interface Guidelines and report non-conformant patterns.

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

Audit UI code for accessibility and UX compliance by providing project files to review against the latest Web Interface Guidelines, which reports non-conformant patterns in HTML, CSS, and component libraries using a terse file:line format.

What is a web design guideline compliance check?▼

A web design guideline compliance check identifies violations of established Web Interface Guidelines across typical web projects, catching usability and accessibility gaps early in the design and code review process.

Can I check component libraries for Web Interface Guidelines violations?▼

Yes, you can check component libraries for Web Interface Guidelines violations by applying guideline rules to code files and components, covering accessibility and UX considerations across typical web projects.

How do I review HTML and CSS files for accessibility gaps before deployment?▼

Review HTML and CSS files for accessibility gaps before deployment by applying rule-based UI compliance checks against the latest Web Interface Guidelines, which outputs actionable findings tied to code or UI components to guide fixes.

Does web design compliance auditing output actionable remediation guidance?▼

Web design compliance auditing outputs actionable findings in a terse file:line format and references the official Web Interface Guidelines for remediation, ensuring teams can directly resolve usability and accessibility gaps.

What's the best way to automate a UI audit for accessibility best practices?▼

Automate a UI audit for accessibility best practices by providing project files for rule-based compliance checks against the latest Web Interface Guidelines, generating actionable findings tied directly to UI components to guide fixes.

Related Skills

Explore More Design & Creative Skills→
NihaalManafNihaalManaf

web-design-guidelines

Compare HTML, CSS, and JavaScript code against Web Interface Guidelines.

Community
Intermediate
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and UX compliance.

Community
Basic
TeiNamTeiNam
12

laravel-verification

Automate Laravel project verification for CI/CD pipelines.

Community
Advanced
kevinxo328kevinxo328
5

web-design-guidelines

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

Community
Intermediate