web-design-guidelines

Validate UI code against Web Interface Guidelines for design-system, accessibility, and UX compliance.

Updated Mar 1, 2026
One-click install
npx skills add https://github.com/pelchers/SessionSaver --skill web-design-guidelines-pelchers
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/pelchers/SessionSaver/tree/main/.codex/skills/web-design-guidelines
Command: npx skills add https://github.com/pelchers/SessionSaver --skill web-design-guidelines-pelchers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams verify that UI code complies with Web Interface Guidelines, addressing UX quality, accessibility, and design-system consistency.

Core Features & Use Cases

  • Fetch the latest guidelines from a source URL.
  • Read specified files or paths and apply guidelines for compliance.
  • Return concise findings with actionable recommendations.

Quick Start

Provide the target file or path and allow the skill to fetch the latest guidelines to perform a compliance review.

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 design-system adherence and accessibility?

To check UI code for accessibility and design-system adherence, validate your target files against Web Interface Guidelines. The review fetches the latest rules from a source URL, reads your specified file paths, and reports findings in a concise file:line format with actionable recommended fixes.

How do I run a UX review on specific web routes or components?

Running a UX review on specific web routes or components requires providing the target file paths to evaluate. The process applies all rules from fetched Web Interface Guidelines to those specific files and returns concise compliance findings with recommended fixes for each issue identified.

Can I use this to automate code reviews for accessibility conformance?

Yes, you can automate code reviews for accessibility conformance by applying fetched Web Interface Guidelines rules to your codebase files. The review evaluates target paths and returns findings in a file:line format, making it suitable for validating UI quality and accessibility compliance across components.

What is the best way to ensure UI quality across a codebase?

The best way to ensure UI quality across a codebase is to validate all target files against the latest Web Interface Guidelines. This process fetches current rules from a source URL, evaluates specified paths for design-system consistency and accessibility, and outputs concise findings with actionable recommendations.

Does this UX review work without installing external dependencies?

Yes, the UX review works without installing external dependencies. You only need to provide the target file or path for evaluation, and the review fetches the latest guidelines directly from the source URL to perform the compliance check and return actionable findings.

Why are my UI components failing accessibility checks?

UI components fail accessibility checks when they do not comply with fetched Web Interface Guidelines rules. Running a validation review on the target files identifies specific non-compliant lines and returns concise findings with recommended fixes to resolve design-system and UX quality issues.