skills.rest
nickstrad
nickstradCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Jan 2, 2026
One-click install
npx skills add https://github.com/nickstrad/nick-stack-1 --skill web-design-guidelines-nickstrad
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/nickstrad/nick-stack-1/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/nickstrad/nick-stack-1 --skill web-design-guidelines-nickstrad

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams review UI code to ensure compliance with Web Interface Guidelines, reducing accessibility issues and UX inconsistencies.

Core Features & Use Cases

  • Fetch and apply the latest Web Interface Guidelines to UI code
  • Analyze files against guidelines for accessibility and UX best practices
  • Use Case: when asked to review your UI for accessibility or audit a site for best practices

Quick Start

Use the web-design-guidelines skill to review the UI files in your repository by specifying a file pattern or path, e.g., src/app/**/*.{tsx,jsx,html,css}

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 compliance?▼

To audit UI code for accessibility compliance, specify a file pattern like src/app/**/*.{tsx,jsx,html,css}. The tool fetches Web Interface Guidelines, inspects the target files, and reports accessibility and UX gaps in a terse file:line format.

What file types are supported for UX and accessibility reviews?▼

UX and accessibility reviews support HTML, CSS, and JSX/TSX components. The tool inspects these target files based on a provided pattern alongside design tokens to identify consistency and best-practice compliance gaps.

Can I check design tokens against Web Interface Guidelines?▼

Yes, you can check design tokens against Web Interface Guidelines. The audit process inspects HTML, CSS, JSX/TSX components, and design tokens to identify accessibility, consistency, and best-practice compliance gaps.

How are accessibility audit findings reported?▼

Accessibility audit findings are reported in a terse file:line format. After fetching the latest guidelines and inspecting target files based on a provided pattern, the tool outputs results pinpointing exact locations of UX compliance gaps.

Does the accessibility audit use the latest web compliance rules?▼

Yes, the accessibility audit uses the latest web compliance rules. It fetches the most recent Web Interface Guidelines from a remote source before inspecting target files to ensure current accessibility and UX best-practice compliance.

Related Skills

JaylaelikeJaylaelike

web-design-guidelines

Analyze HTML, CSS, and JavaScript files against Web Interface Guidelines.

Community
Intermediate
grasberggrasberg
3

seo-fundamentals

Audit HTML, JSX, and TSX pages for SEO metadata, heading, and accessibility gaps.

Community
Intermediate
arbazkhan971arbazkhan971
26

lint

Configure linters, formatters, pre-commit hooks, and CI enforcement across repositories.

Community
Advanced
RangeyRoverRangeyRover
3

speckit.checker

Run static analysis across multiple languages and generate prioritized issue reports.

Community
Intermediate