skills.rest
boraoztunc
boraoztuncCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Enforce Web Interface Guidelines compliance across HTML, CSS, and JavaScript files.

248|32|Updated Mar 30, 2026
Search Tags:#ui#accessibility#compliance#guidelines#code-review#web-design
One-click install
npx skills add https://github.com/boraoztunc/skills --skill web-design-guidelines-boraoztunc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/boraoztunc/skills/tree/main/web-design-guidelines
Command: npx skills add https://github.com/boraoztunc/skills --skill web-design-guidelines-boraoztunc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams verify that their UI code complies with the Web Interface Guidelines, ensuring accessible, consistent interfaces across projects.

Core Features & Use Cases

  • Fetch fresh guidelines from the source and compare local UI files for compliance.
  • Read and evaluate multiple files or patterns to surface violations, accessibility issues, and style deviations.
  • Apply automated checks to reduce manual review time on UI components and pages.

Quick Start

Provide the target UI files or patterns to review and fetch the latest guidelines to start an automated compliance check.

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 compliance during a pull request?▼

To audit UI code for web design compliance, provide target HTML, CSS, and JavaScript files for review. The tool fetches the latest guidelines, applies all rules to the code, and reports violations in a concise format.

What is the best way to check accessibility guidelines across multiple UI files?▼

The best way to check accessibility guidelines across multiple UI files is to run an automated compliance check. It evaluates HTML, CSS, and JavaScript patterns to surface accessibility issues and style deviations automatically.

Can I use this tool to enforce style consistency in HTML and CSS components?▼

Yes, you can use this tool to enforce style consistency in HTML and CSS components. It compares local UI files against fetched web interface guidelines to identify and report style deviations during code reviews.

Does the audit require manually entering web interface guidelines before reviewing code?▼

No, the audit does not require manually entering web interface guidelines. The tool automatically fetches fresh guidelines from the specified source before reading and evaluating your target UI files for compliance.

What limitations exist when checking JavaScript files for UI compliance?▼

A limitation when checking JavaScript files for UI compliance is that the tool performs static pattern analysis rather than runtime execution. It evaluates code structure against guidelines but cannot detect dynamic DOM accessibility issues.

Related Skills

Explore More Design & Creative Skills→
devyan18devyan18

web-design-guidelines

Identify UI compliance issues with Web Interface Guidelines in file:line format.

Community
Intermediate
blackgirlbytesblackgirlbytes

audit-a11y

Audit React/Next.js components for WCAG 2.1 AA accessibility violations.

Community
Intermediate
mwathibenmwathiben

typescript-review

Review TypeScript and JavaScript diffs against Metabase coding standards.

Community
Intermediate
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced