skills.rest
CallMeLuigiv2
CallMeLuigiv2COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Jan 29, 2026
Search Tags:#accessibility#UI#audit#code-review#design-consistency#web-guidelines
One-click install
npx skills add https://github.com/CallMeLuigiv2/Socratic-IDE --skill web-design-guidelines-callmeluigiv2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/CallMeLuigiv2/Socratic-IDE/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/CallMeLuigiv2/Socratic-IDE --skill web-design-guidelines-callmeluigiv2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure UI code complies with current Web Interface Guidelines, enabling accessibility, consistent visuals, and improved UX while reducing review time.

Core Features & Use Cases

  • Fetch and apply the latest Web Interface Guidelines to your UI files.
  • Validate code for accessibility, contrast, naming, and semantic structure against guidelines.
  • Report findings in a concise file:line format to guide fixes.

Quick Start

Run the web-design-guidelines skill on your UI files or repository to begin a guideline-based review. Example: review ./src or review index.html

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

You can audit UI code by running a guideline-based review against your frontend files. The process fetches current Web Interface Guidelines, reads your target codebase patterns, and reports accessibility and UX compliance gaps in a concise file:line format for quick remediation.

What is a web design guidelines audit for frontend codebases?▼

A web design guidelines audit validates frontend code for accessibility, contrast, naming, and semantic structure. It applies the latest Web Interface Guidelines to your UI files to ensure consistent visuals and improved UX while reducing manual review time.

Can I use this UI audit to check responsive behavior and visual consistency?▼

Yes, you can use this UI audit to check responsive behavior and visual consistency. It applies to frontend codebases across HTML/CSS/JS frameworks and design assets, guiding targeted checks for accessibility, responsive behavior, and visual consistency.

Does the web design guidelines audit work with HTML, CSS, and JS frameworks?▼

Yes, this audit works with HTML, CSS, and JS frameworks. It applies to frontend codebases across these frameworks and design assets, validating code for accessibility, contrast, naming, and semantic structure against current Web Interface Guidelines.

How do I start reviewing my source files for web guideline compliance?▼

To start reviewing source files for web guideline compliance, run the audit on your UI files or repository. For example, you can target a directory like ./src or a specific file like index.html to begin a guideline-based review.

Related Skills

Explore More Design & Creative Skills→
ShenQingchuanShenQingchuan
5

web-design-guidelines

Audit HTML and CSS UI files against Web Interface Guidelines.

Community
Intermediate
Focus-GTSFocus-GTS

accessibility-fix

Identify WCAG 2.1 AA violations on Adobe Edge Delivery Services pages and generate remediation actions.

Official
Advanced
raybargasraybargas

Global Tech Stack

Enforces global tech stack standards across code, configurations, and CI/CD workflows.

Community
Basic
Anuj23105Anuj23105
1

accessibility-auditing

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

Community
Advanced