skills.rest
narduk-enterprises
narduk-enterprisesOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Evaluate UI code compliance with Web Interface Guidelines and generate actionable findings.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with the latest Web Interface Guidelines, helping teams spot accessibility gaps, UX inconsistencies, and conformance issues early in the development cycle.

Core Features & Use Cases

  • Guideline-driven reviews: Validate UI code against the latest Web Interface Guidelines to identify common violations.
  • Accessibility and UX audits: Provide actionable findings to improve keyboard navigation, color contrast, and usability.
  • Use Case: When delivering a web app, run this skill to generate a concise compliance report you can attach to PRs.

Quick Start

Review the UI codebase or a set of files using the guidelines source to generate a compliance report for the latest rules.

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 UI code for web accessibility and UX conformance issues?▼

A UX conformance check reviews your UI code against established web interface rules to detect accessibility and usability flaws. This Skill fetches the latest guidelines and applies all rules to generate actionable findings.

What is a UI code review for web design compliance?▼

A UI code review for web design compliance validates your interface files against current accessibility and UX rules. This Skill fetches up-to-date guidelines and applies them to your code to produce a concise compliance report.

Can I generate a compliance report for my pull requests using web design guidelines?▼

Yes, you can generate a compliance report for pull requests by running this Skill on your UI code. It applies the latest Web Interface Guidelines to your files and outputs actionable findings to attach to your PRs.

Does this web design review check keyboard navigation and color contrast?▼

Yes, the web design review checks keyboard navigation and color contrast. It applies official Web Interface Guidelines to your UI code to provide actionable findings that improve overall usability and accessibility.

Do I need to manually configure web interface guidelines before running an accessibility audit?▼

No, you do not need to manually configure web interface guidelines before running an accessibility audit. This Skill automatically fetches up-to-date rules from the official source and applies them directly to your UI code.

Related Skills

Explore More Design & Creative Skills→
runkidsrunkids
11

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations.

Community
Basic
salamientarksalamientark

code-reviewer

Analyze pull request diffs and generate structured code review reports.

Community
Advanced
nicolanoviellnicolanoviell
2

code-review

Review code changes for bugs, style issues, and best practices.

Community
Intermediate
kevindreekevindree

browser-testing-with-devtools

Inspect live DOM, console, network, and accessibility data via Chrome DevTools MCP.

Community
Advanced