skills.rest
junaid-ali-ruk
junaid-ali-rukCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Analyze UI code against Web Interface Guidelines and report compliance gaps.

Updated Feb 4, 2026
Search Tags:#accessibility#UI#audit#compliance#web-design-guidelines
One-click install
npx skills add https://github.com/junaid-ali-ruk/auto-linkedin --skill web-design-guidelines-junaid-ali-ruk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/junaid-ali-ruk/auto-linkedin/tree/main/.gemini/skills/web-design-guidelines
Command: npx skills add https://github.com/junaid-ali-ruk/auto-linkedin --skill web-design-guidelines-junaid-ali-ruk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure their web UI complies with established Web Interface Guidelines by automatically evaluating UI files against the latest rules.

Core Features & Use Cases

  • Fetches and applies up-to-date Web Interface Guidelines to your UI assets.
  • Reads specified files or patterns and reports non-compliant elements in a terse, actionable format.
  • Use Case: When auditing a new website, run this Skill on the codebase to surface accessibility, contrast, and layout issues that violate guidelines.

Quick Start

Provide the UI files or project pattern to review; the Skill will fetch the latest guidelines and return a report of violations.

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

To audit UI code for accessibility and compliance, you can evaluate your web files against Web Interface Guidelines. This process reads target patterns to identify non-compliant elements and reports layout, contrast, and accessibility violations in a concise format.

What is the best way to check web interface guidelines compliance in a codebase?▼

Checking web interface guidelines compliance involves fetching the latest official rules and applying them to your UI assets. This automatically surfaces accessibility, contrast, and layout issues that violate the defined rule set.

Do I need to manually provide web design guidelines for the audit?▼

No, you do not need to manually provide web design guidelines for the audit. The process automatically fetches the latest Web Interface Guidelines from the official source to validate your specified UI files.

How do I run a UI audit on specific file patterns?▼

To run a UI audit on specific file patterns, provide the target UI files or project pattern for review. The system will apply fetched Web Interface Guidelines and return a concise report of violations.

What format are UI compliance gaps reported in?▼

UI compliance gaps are reported in a terse, actionable format. After reading target files and validating them against the web design rule set, the system highlights non-compliant elements for quick remediation.

Related Skills

Explore More Design & Creative Skills→
chris-c-thomaschris-c-thomas
3

web-design-guidelines

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

Community
Intermediate
wredziowredzio

accessibility

Identify and remediate WCAG 2.1 AA accessibility issues in web pages.

Community
Advanced
shredbxshredbx

frontend-storyboard-artist

Automate Storybook component library creation with MDX docs, props tables, and visual regression tests.

Community
Intermediate
Anuj23105Anuj23105
1

accessibility-auditing

Tests web page and UI component accessibility compliance with WCAG 2.1 AA/AAA standards.

Community
Advanced