skills.rest
sulthonuladib
sulthonuladibCOMMUNITY
Explore all skills by this author →
Website𝕏@sulthonuladibGitHub

web-design-guidelines

Identify UI conformance issues against Web Interface Guidelines in HTML/CSS/JS codebases.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamline UI compliance by automatically reviewing code against Web Interface Guidelines to ensure accessibility, usability, and visual consistency.

Core Features & Use Cases

  • Fetch the latest guidelines from the official source and apply them to your codebase
  • Read the specified files or file patterns, run checks against the guidelines, and report violations in a concise file:line format
  • Use case: validation of new web components or pages before deployment to meet accessibility and design standards

Quick Start

Provide the files or patterns to review and the skill will fetch the guidelines, analyze the code, and return findings.

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 project for accessibility and UI compliance?▼

To audit web project accessibility and UI compliance, provide your HTML, CSS, and JS files or patterns. The tool fetches Web Interface Guidelines, analyzes the code, and reports violations in a concise file:line format.

What design and layout issues does an automated UI conformance check cover?▼

An automated UI conformance check covers accessibility, layout, typography, color contrast, and responsive design. It reads target web project files to identify violations against fetched guidelines.

Can I use this to review specific HTML and CSS files before deployment?▼

Yes, you can review specific HTML and CSS files before deployment by providing target file patterns. The review runs checks against web design guidelines and returns findings in a terse file:line format.

How are UI review violations reported in the codebase?▼

UI review violations are reported in a terse file:line format. After reading target files and applying Web Interface Guidelines, the analysis outputs concise findings pointing to exact locations of accessibility or layout issues.

Do I need to manually provide web interface guidelines for the code review?▼

No, you do not need to manually provide web interface guidelines. The review automatically fetches the latest guidelines from the official source and applies them to your codebase.

Related Skills

Explore More Design & Creative Skills→
JetBrainsJetBrains
302

web-design-guidelines

Fetch web interface guidelines and validate HTML, CSS, and JS files for noncompliant UI patterns.

Official
Intermediate
ChristineThamChristineTham

web-design-guidelines

Identify UI accessibility and design guideline violations in project files.

Community
Intermediate
RoxabiRoxabi
9

ci-setup

Automate CI/CD pipeline setup with GitHub Actions, TruffleHog, and Dependabot.

Official
Advanced
etewiahetewiah
635

theme-evaluation

Evaluate theme palettes for WCAG contrast and accessibility compliance.

Community
Advanced