skills.rest
Number531
Number531COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Identify UI code violations against Web Interface Guidelines in HTML, CSS, and JavaScript/TypeScript files.

Updated Aug 27, 2026
Search Tags:#ui#accessibility#audit#guidelines#design-guidelines#web-review
One-click install
npx skills add https://github.com/Number531/Legal-API --skill web-design-guidelines-number531
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Number531/Legal-API/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Number531/Legal-API --skill web-design-guidelines-number531

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code to ensure compliance with Web Interface Guidelines, helping teams ship accessible, consistent, and high-quality interfaces across products.

Core Features & Use Cases

  • Automated UI guideline checks: Assess codebases against current web interface guidelines for accessibility, semantics, and visual consistency.
  • Guidance & remediation: Generate actionable recommendations to fix accessibility or design issues in UI components and pages.
  • Use Case: When reviewing a complex web app, run this skill to audit UI files (HTML, CSS, JS/TSX) and return prioritized fixes.

Quick Start

Review your project's UI files and instruct the skill to perform a guideline-compliance review

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 web UI code for accessibility and design guideline violations?▼

This skill audits web UI code for accessibility violations by checking your HTML, CSS, and JavaScript/TypeScript files against Web Interface Guidelines, returning prioritized fixes in a standardized file:line format.

What is the best way to check if my web app meets interface design guidelines?▼

Checking if a web app meets interface design guidelines is done by fetching the latest remote standards and evaluating your codebase against them. This skill automates that process across your UI components and pages.

Can I use this skill to review both CSS and TypeScript files for UI compliance?▼

Yes, you can review CSS and TypeScript files for UI compliance. The skill applies checks across HTML, CSS, and JavaScript/TypeScript files to assess codebases for accessibility, semantics, and visual consistency.

How do I get actionable recommendations to fix accessibility issues in my UI components?▼

To get actionable recommendations to fix accessibility issues in UI components, run a guideline-compliance review on your project's UI files. The skill identifies violations and generates prioritized remediation steps.

Does the UI accessibility audit use the latest web interface guidelines?▼

Yes, the UI accessibility audit uses the latest web interface guidelines. The skill fetches the most current guidelines from a remote source before evaluating your files to ensure up-to-date compliance checks.

Related Skills

Explore More Design & Creative Skills→
flext-shflext-sh

frontend-standards

Enforce frontend standards for HTML, CSS/SCSS, and JavaScript/TypeScript components.

Official
Intermediate
YeomanYeYeomanYe

web-design-guidelines

Analyze HTML, CSS, and JS UI code against Web Interface Guidelines.

Community
Intermediate
AnveioAnveio
1

task-pull-request

Automate GitHub pull request creation, reviews, feedback, and merges via gh CLI.

Community
Intermediate
a8cteam51a8cteam51
8

a11y

Audit live websites against WCAG 2.2 Level AA using Playwright browser automation.

Official
Advanced