skills.rest
Tristan578
Tristan578COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and UX compliance.

5|1|Updated Feb 11, 2026
Search Tags:#ui#accessibility#audit#review#web-design#design-guidelines
One-click install
npx skills add https://github.com/Tristan578/project-forge --skill web-design-guidelines-tristan578
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Tristan578/project-forge/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Tristan578/project-forge --skill web-design-guidelines-tristan578

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines, helping teams ensure accessible and usable interfaces across web apps.

Core Features & Use Cases

  • Fetch latest guidelines from the source URL before review to ensure up-to-date checks.
  • Read specified files or patterns and apply all guidelines to identify accessibility and UX gaps.
  • Use Case: A designer asks to audit a new web interface for color contrast, semantic markup, and keyboard navigation compliance.

Quick Start

Review the latest UI files against the Web Interface Guidelines source and report any accessibility findings.

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 accessibility and UX conformance?▼

You can audit UI code for accessibility and UX conformance by having the Skill fetch the latest Web Interface Guidelines, read your target files, and apply all rules to output concise, parseable findings.

How does a UI review against web design guidelines work?▼

A UI review against web design guidelines works by fetching the latest standards, reading specified UI files or patterns, and evaluating them against all rules to identify accessibility and usability gaps.

Can I check color contrast and semantic markup in my web interface files?▼

Yes, you can check color contrast and semantic markup in web interface files by running a design QA audit that applies Web Interface Guidelines to your target files and reports accessibility findings.

Do I need to manually provide web interface guidelines for a UX audit?▼

No, you do not need to manually provide web interface guidelines for a UX audit because the Skill automatically requests a fetch of the latest guidelines from the source URL before reviewing your target files.

What is the best way to ensure keyboard navigation compliance in web apps?▼

The best way to ensure keyboard navigation compliance in web apps is to run an automated UI review that fetches current Web Interface Guidelines, reads your app files, and reports specific accessibility gaps.

What format do accessibility audit findings output when reviewing UI code?▼

Accessibility audit findings output in a concise, parseable format when reviewing UI code, allowing teams to quickly identify and resolve Web Interface Guidelines conformance gaps.

Related Skills

Explore More Design & Creative Skills→
shige1014-devshige1014-dev

web-design-guidelines

Fetch web interface guidelines and audit UI files for compliance.

Community
Intermediate
ludiscanludiscan
1

design-implementation-guide

Enforce WCAG/ARIA-compliant UI patterns for forms, errors, and keyboard interactions.

Official
Intermediate
Ayushman-11Ayushman-11

ui-ux-designer

Create interface designs, wireframes, and design systems with design tokens.

Community
Advanced
ahiendzahiendz
3

lint-and-validate

Lint and statically analyze Node.js/TypeScript and Python codebases.

Community
Intermediate