skills.rest
Dunc4nJ
Dunc4nJCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Evaluate HTML, CSS, and JS files against the Web Interface Guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps developers and designers verify UI code against the Web Interface Guidelines to ensure accessibility, UX quality, and adherence to best practices.

Core Features & Use Cases

  • Guideline synchronization: Fetch the latest guidelines for every review.
  • File evaluation: Read the specified files or patterns and check against all rules.
  • Use Case: Imagine verifying a web project's UI against accessibility and UX standards across multiple pages.

Quick Start

Provide the files or patterns to review and let the skill fetch the latest guidelines to assess them.

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's UI for accessibility and UX consistency?▼

Reviewing web project UI involves fetching current Web Interface Guidelines and evaluating your provided HTML, CSS, and JS files against them. The skill identifies UI deviations and outputs terse findings for accessibility and UX consistency validation.

What is the best way to check HTML and CSS code against web design guidelines?▼

Checking HTML and CSS against web design guidelines requires fetching the latest rules and evaluating your codebase. The skill reads specified files or patterns, validates them against all guideline rules, and outputs concise findings for your web project.

Can I use this skill to validate UX consistency across multiple web pages?▼

You can validate UX consistency across multiple web pages by specifying the relevant file patterns for review. The skill evaluates all provided files against the fetched Web Interface Guidelines to ensure project-wide adherence to UX standards.

Do I need to manually update the accessibility rules before reviewing my codebase?▼

No manual rule updates are needed. The skill features guideline synchronization, automatically fetching the latest Web Interface Guidelines for every review to ensure your codebase is always evaluated against current accessibility and UX standards.

How does this approach compare to other tools in the Design & Creative category for accessibility auditing?▼

Unlike general design tools, this approach evaluates HTML, CSS, and JS code directly against a synchronized Web Interface Guidelines ruleset. It focuses strictly on identifying UI deviations and validating accessibility and UX consistency within web project codebases.

Related Skills

Explore More Design & Creative Skills→
eKoh951eKoh951

web-design-guidelines

Identify UI code deviations from Web Interface Guidelines in HTML, CSS, and JavaScript.

Community
Intermediate
CenredJunCenredJun

web-design-guidelines

Assess UI code against the latest Web Interface Guidelines.

Community
Intermediate
markky21markky21

web-design-guidelines

Review HTML, CSS, and JS files against Web Interface Guidelines.

Community
Basic
Xenous-IncXenous-Inc

web-design-guidelines

Audit UI code against Web Interface Guidelines and report conformance issues.

Official
Intermediate