skills.rest
AbhiShake1
AbhiShake1COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines and report non-conformities in file:line format.

1|Updated Apr 13, 2025
Search Tags:#accessibility#review#code-review#web-design#ux-audit#ui-guidelines
One-click install
npx skills add https://github.com/AbhiShake1/supersurkhet --skill web-design-guidelines-abhishake1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/AbhiShake1/supersurkhet/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/AbhiShake1/supersurkhet --skill web-design-guidelines-abhishake1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review teams' UI code to ensure compliance with Web Interface Guidelines, reducing accessibility and consistency issues across projects.

Core Features & Use Cases

  • Fetch the latest guidelines from the designated source before each review.
  • Evaluate specified files or patterns against the fetched rules.
  • Report findings in a concise file:line format for quick remediation.

Quick Start

Provide the files or patterns to review and I will fetch the latest guidelines and return a compliance report.

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

A web design guideline audit evaluates specified UI files against fetched Web Interface Guidelines to identify non-conformities. It fetches the latest rules, reads your target files, and outputs findings in a concise file:line format for quick remediation.

Can I run a UX audit on specific UI components instead of a full project?▼

Yes, you can run a UX audit on specific UI components by providing their file paths or patterns. The review evaluates only the specified files against the Web Interface Guidelines and reports accessibility and consistency issues in a file:line format.

Does this web design review fetch the latest UI guidelines automatically?▼

Yes, the web design review fetches the latest UI guidelines automatically from a designated source before each evaluation. This ensures your accessibility checks and design audits always validate code against the most current Web Interface Guidelines.

What format does the code review use to report web design non-conformities?▼

The code review reports web design non-conformities in a concise file:line format. This structure pinpoints the exact location of accessibility and consistency issues within your UI code, enabling quick remediation across projects.

Do I need any dependencies to run a site-wide web design guideline validation?▼

No dependencies are required to run a site-wide web design guideline validation. You simply provide the files or patterns to review, and the tool will fetch the latest guidelines and return a compliance report.

Related Skills

Explore More Design & Creative Skills→
BangjjackBangjjack

web-design-guidelines

Review UI code against Web Interface Guidelines and report findings in file:line format.

Official
Intermediate
Oscar-Ivan-SalasOscar-Ivan-Salas

web-design-guidelines

Compare web UI code against the latest Web Interface Guidelines and report violations in file:line format.

Community
Advanced
hayatoschayatosc
1

web-design-guidelines

Review HTML, CSS, and JavaScript files against Web Interface Guidelines and accessibility rules.

Community
Intermediate
jrmatherlyjrmatherly

web-design-guidelines

Analyze HTML/CSS/JS files for accessibility and design guideline compliance.

Community
Basic