skills.rest
vijaychandar186
vijaychandar186COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Assess UI code for Web Interface Guidelines compliance and flag violations.

Updated Apr 20, 2026
Search Tags:#design#ui#a11y#review#guidelines#ux#web-accessibility
One-click install
npx skills add https://github.com/vijaychandar186/nextjs-bun-agentic-starter --skill web-design-guidelines-vijaychandar186
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/vijaychandar186/nextjs-bun-agentic-starter/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/vijaychandar186/nextjs-bun-agentic-starter --skill web-design-guidelines-vijaychandar186

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reviewing UI code against Web Interface Guidelines helps teams ensure accessibility, consistency, and usability.

Core Features & Use Cases

  • Automated guideline checks: Compare UI components against current web interface guidelines to surface violations.
  • Accessibility focus: Flag contrast issues, keyboard navigation gaps, aria attributes, and semantic markup problems.
  • Use Case: You want to audit a landing page to ensure accessible color contrast and proper landmarks.

Quick Start

Run the review process on your UI files to get an instant pass/fail with actionable suggestions.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my UI code for web accessibility and design compliance?▼

To check UI code for accessibility compliance, run an automated review against web interface guidelines to verify adherence, flag semantic markup and ARIA violations, and output concise findings for fixes.

What is a UI accessibility audit and how does it evaluate keyboard navigation?▼

A UI accessibility audit evaluates your interface against web interface guidelines to verify adherence, flagging keyboard navigation gaps, contrast issues, and semantic markup problems to produce actionable findings.

Can I use this to review an existing landing page for accessible color contrast?▼

You can review an existing landing page for accessible color contrast by running the automated guideline checks to compare UI components against current web interface guidelines and surface violations.

What's the best way to find ARIA attribute and semantic markup problems in my web application?▼

The best way to find ARIA attribute and semantic markup problems is running an automated UI code review that verifies adherence to web interface guidelines and flags accessibility violations with concise findings.

Does this accessibility review require any specific dependencies or UI frameworks to run?▼

This accessibility review requires no specific dependencies or UI frameworks to run, allowing you to apply it directly during design reviews and UX evaluations across any websites and applications.

What output format should I expect from an automated web accessibility and UX evaluation?▼

You should expect an automated web accessibility and UX evaluation to output concise findings that flag violations against web interface guidelines, providing actionable suggestions for fixes.

Related Skills

Explore More Design & Creative Skills→
tyk-labtyk-lab

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
kindfi-orgkindfi-org
19

web-design-guidelines

Assess UI code against Web Interface Guidelines for accessibility and design issues.

Official
Intermediate
zero-rehqzero-rehq

web-design-guidelines

Audit frontend UI against 100+ Web Interface Guidelines rules for accessibility, UX, and performance gaps.

Community
Advanced
HouseofmvpsHouseofmvps
115

a11y

Detect and fix deterministic WCAG 2.2 A/AA accessibility violations in HTML files.

Community
Advanced