skills.rest
babou212
babou212COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Compare web files against Web Interface Guidelines and output compliance issues in file:line format.

Updated Feb 7, 2026
Search Tags:#ui#accessibility#review#ux#web#design-guidelines
One-click install
npx skills add https://github.com/babou212/laradisco --skill web-design-guidelines-babou212
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/babou212/laradisco/tree/main/.github/skills/web-design-guidelines
Command: npx skills add https://github.com/babou212/laradisco --skill web-design-guidelines-babou212

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance, helping teams identify accessibility gaps, UX inconsistencies, and design deviations early in development.

Core Features & Use Cases

  • Guideline Compliance: Compare UI files against the latest Web Interface Guidelines to surface accessibility and usability issues.
  • Consistent UX Audit: Scan components and pages for alignment with guidelines to accelerate remediation.
  • Use Case: When auditing a new dashboard, verify color contrast, semantic HTML, responsive behavior, and overall accessibility before release.

Quick Start

Provide the UI code to be reviewed and let the AI fetch the latest guidelines, perform a compliance check, and report issues.

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

To audit UI code for web design guidelines compliance, provide your target web files so the tool can fetch the latest guidelines, compare your code against accessibility and UX rules, and output findings in a file:line format.

What is a UI compliance review for web accessibility and UX consistency?▼

A UI compliance review for web accessibility and UX consistency identifies design deviations by comparing target web files against the latest Web Interface Guidelines, surfacing accessibility gaps and usability issues early in development.

How do I check semantic HTML and color contrast for accessibility before release?▼

To check semantic HTML and color contrast for accessibility before release, run a guideline compliance check on your web pages and components to surface deviations and verify alignment with current standards.

Can I review specific web components for design deviations?▼

Yes, you can review specific web components for design deviations by applying the compliance checks directly to component files, ensuring localized UI elements meet accessibility and UX consistency rules.

Does this web design guidelines review require any external dependencies?▼

No, this web design guidelines review requires no external dependencies to run, fetching fresh guidelines directly from the source URL to perform accessibility and UX consistency audits on your codebase.

Related Skills

Explore More Design & Creative Skills→
junDevCodesjunDevCodes
2

web-design-guidelines

Enforce Web Interface Guidelines compliance across UI components and pages.

Community
Intermediate
Quanby-IT-SolutionsQuanby-IT-Solutions
2

web-design-guidelines

Compare project files against Web Interface Guidelines and report deviations in file:line format.

Official
Intermediate
Neuron-Mr-WhiteNeuron-Mr-White
56

worktree-merge

Merge worktree branches into the main branch with context gathering and conflict resolution.

Community
Intermediate
lucasloutayflucasloutayf

browser-testing-with-devtools

Diagnose browser-rendered issues by inspecting real-time DOM, console, and network data.

Community
Advanced