skills.rest
PaulRBerg
PaulRBergCOMMUNITY
Explore all skills by this author →
Website𝕏@PaulRBergGitHub

web-design-guidelines

Evaluate HTML, CSS, and JavaScript files against current Web Interface Guidelines.

6|2|Updated Jan 25, 2026
Search Tags:#accessibility#UI#audit#compliance#guidelines#report#web-design
One-click install
npx skills add https://github.com/PaulRBerg/dot-agents --skill web-design-guidelines-paulrberg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/PaulRBerg/dot-agents/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/PaulRBerg/dot-agents --skill web-design-guidelines-paulrberg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the assessment of web design code against current Web Interface Guidelines, helping teams identify accessibility, usability, and consistency gaps without manual review.

Core Features & Use Cases

  • Automated compliance checks: Scan HTML/CSS/JS for adherence to guidelines and flag issues like contrast ratios, semantic markup, and focus management.
  • Guideline-driven audits: Apply the latest Web Interface Guidelines to a project or subset of files to produce a concise report of findings.
  • Use Case: A designer wants to verify that a new page meets accessibility and visual standards before handing it to development.

Quick Start

Run the Skill on your project root to fetch the guidelines and evaluate the specified files, then review the output file 'ui-guidelines-review.md'.

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 interface code for accessibility and compliance?▼

You can audit web interface code by running an automated review against current guidelines. The tool parses your HTML, CSS, and JavaScript files to flag accessibility issues like contrast ratios and semantic markup gaps, generating a concise report of findings.

What is the best way to check HTML and CSS for UI guideline violations?▼

Checking HTML and CSS for UI guideline violations is best handled by fetching the latest official standards and parsing your source files. This automated approach identifies usability and consistency gaps without requiring manual review across your project.

Can I scan a subset of project files for accessibility issues?▼

Yes, you can scan a subset of project files for accessibility issues. The evaluation applies to both project-wide reviews and specific page audits, allowing you to target individual files or directories rather than the entire codebase.

How does an automated UI compliance check handle focus management?▼

An automated UI compliance check handles focus management by parsing JavaScript source files and evaluating them against current interface guidelines. It flags issues related to focus states and semantic markup, including the findings in a compact output file for review.

Do I need any external dependencies to run a web design guidelines audit?▼

No external dependencies are required to run a web design guidelines audit. The process independently fetches the latest guidelines from the official source, parses your target files, and reports findings directly without needing additional modules or components.

Related Skills

Explore More Design & Creative Skills→
catalinakarstulovic2-aicatalinakarstulovic2-ai

web-design-guidelines

Fetch Web Interface Guidelines and validate HTML, CSS, and JavaScript assets.

Community
Intermediate
omerakbenomerakben
1

web-design-guidelines

Analyze UI code against Web Interface Guidelines for accessibility and usability issues.

Community
Basic
otrebuotrebu
4

fix-eslint

Fix ESLint errors in JavaScript and TypeScript projects without disabling rules.

Community
Intermediate
dev-giosdev-gios
1

qa-visual

Capture screenshots and analyze rendered elements for design system compliance.

Community
Advanced