skills.rest
Khrees2412
Khrees2412COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Fetch Web Interface Guidelines and report UI compliance findings by file:line.

Updated Dec 28, 2025
Search Tags:#ui#accessibility#compliance#usability#review#guidelines#web-design
One-click install
npx skills add https://github.com/Khrees2412/grepbase --skill web-design-guidelines-khrees2412
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Khrees2412/grepbase/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Khrees2412/grepbase --skill web-design-guidelines-khrees2412

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines and help identify accessibility, consistency, and usability gaps before deployment.

Core Features & Use Cases

  • Fetch fresh guidelines from the source URL below
  • Read the specified files (or prompt user for files/pattern)
  • Check against all rules in the fetched guidelines
  • Output findings in the terse file:line format

Quick Start

Use the web-design-guidelines skill to review the provided UI files 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 UI code for accessibility and design compliance?▼

To audit UI code for accessibility and design compliance, fetch the latest Web Interface Guidelines and apply them to your UI files. The skill reads target files and produces a file:line level report of findings.

What is a file:line level report for web design guideline violations?▼

A file:line level report for web design guideline violations pinpoints exact locations in UI code where accessibility, UX consistency, or usability rules are broken. It is generated by checking target files against fetched design rules.

Can I review UI files for usability and UX consistency before deployment?▼

Yes, you can review UI files for usability and UX consistency before deployment. The process checks provided UI code against fetched web interface guidelines to identify accessibility gaps and compliance issues.

How do I check web project patterns against the latest Web Interface Guidelines?▼

To check web project patterns against the latest Web Interface Guidelines, retrieve fresh rules from the source, read the specified files or prompt for patterns, and output compliance findings in a terse file:line format.

Does this accessibility review tool work with any web project UI code?▼

Yes, this accessibility review tool works with any web project UI code. The fetched rule set is applicable to UI code across web projects, including accessibility, UX consistency, and design compliance reviews.

What is the best way to identify accessibility gaps in UI code?▼

The best way to identify accessibility gaps in UI code is to fetch fresh web interface guidelines and apply them to your files. This produces a specific file:line level report of findings before deployment.

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
Me1eMe1e

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Community
Intermediate
nanorepublicananorepublica
61

Global Tech Stack

Validate code against centralized global tech stack standards.

Community
Basic
mgiffordmgifford

module-testing

Analyze Drupal module impact on accessibility violations via automated testing.

Community
Advanced