skills.rest
ian-pascoe
ian-pascoeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Detect Web Interface Guidelines violations in UI code files.

1|Updated Mar 19, 2026
Search Tags:#accessibility#frontend#ui review#design guidelines#ux audit#web interface
One-click install
npx skills add https://github.com/ian-pascoe/dotfiles-chezmoi --skill web-design-guidelines-ian-pascoe
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ian-pascoe/dotfiles-chezmoi/tree/main/dot_agents/skills/web-design-guidelines
Command: npx skills add https://github.com/ian-pascoe/dotfiles-chezmoi --skill web-design-guidelines-ian-pascoe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams verify that user interface code follows the latest Web Interface Guidelines, reducing accessibility, usability, and consistency issues before release.

Core Features & Use Cases

  • Guideline Compliance Review: Checks specified files or file patterns against the current published interface rules.
  • Accessibility and UX Audit: Flags common design and interaction problems that can affect users and product quality.
  • Use Case: A frontend engineer can ask for a review of a component folder and get concise findings that point directly to the offending file and line.

Quick Start

Ask me to review the specified UI files for Web Interface Guidelines compliance and return terse file:line 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 frontend components for accessibility and UX issues?▼

To audit frontend components for accessibility, you review specified UI files or file patterns against current web interface guidelines, producing terse file:line findings that pinpoint violations.

What is the best way to check UI code against web design guidelines before release?▼

The best way to check UI code against web design guidelines is running a compliance review on the component folder, returning terse findings that point directly to the offending file and line.

How does a UX audit detect web interface guideline violations in code?▼

A UX audit detects web interface guideline violations by retrieving fresh guidelines from the published source and applying them to frontend component reviews, flagging design and interaction problems across specified files.

Can I review specific file patterns for frontend accessibility compliance?▼

Yes, you can review specific file patterns for frontend accessibility compliance by specifying the target files, which flags common design and interaction problems affecting users and product quality.

Do I need to manually retrieve web interface guidelines for a UI review?▼

No, you do not need to manually retrieve web interface guidelines because the UI review process requires fresh guideline retrieval from the published source to ensure checks follow the latest rules.

What format do accessibility check results use for flagged UI issues?▼

Accessibility check results use a mandated review format that produces terse file:line findings, pointing directly to the offending UI code locations for quick resolution.

Related Skills

Explore More Software Engineering Skills→
JustinRoderickJustinRoderick

web-design-guidelines

Review UI code against current Web Interface Guidelines with file:line findings.

Community
Intermediate
arthtyagiarthtyagi
1

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
meistro57meistro57
1

laravel:quality-checks

Run automated quality gates for Laravel projects with Pint, PHPStan, and frontend linters.

Community
Intermediate
fabioc-alohafabioc-aloha
1

UI/UX Design

Audit UI/UX designs for WCAG 2.1 AA accessibility and design token consistency.

Community
Advanced