web-design-guidelines

Evaluate UI code against Web Interface Guidelines and output file:line findings.

4|1|Updated Apr 4, 2024

Search Tags:#ui #accessibility #review #guidelines #ux #web-design #design-review

Ready to run

npx skills add https://github.com/maraxen/praxis --skill web-design-guidelines-maraxen

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/maraxen/praxis/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/maraxen/praxis --skill web-design-guidelines-maraxen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps ensure UI code aligns with Web Interface Guidelines, reducing design-review time and catching accessibility and UX issues early.

Core Features & Use Cases

Fetch latest guidelines: Retrieve current rules from the official source before each review to ensure up-to-date checks.
File-based evaluation: Read specified files or patterns and apply all guideline rules to identify non-compliant patterns.
Output findings: Report results in a terse file:line format suitable for quick remediation and traceability.
Use Case: When asked to review a UI, check accessibility, audit design, or verify site compliance with best practices, run a guided evaluation to surface actionable issues.

Quick Start

Provide the files or pattern you want reviewed; I will fetch the latest Web Interface Guidelines and check them against your code.

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 my UI code against web interface guidelines?▼

To audit UI code for web interface guidelines, provide your web project files or patterns for evaluation. The tool fetches the latest rules and reports non-compliant patterns in a terse file:line format for quick remediation.

What does an automated accessibility audit check for in web projects?▼

An automated accessibility audit checks UI code against current Web Interface Guidelines to surface non-compliant patterns. It evaluates specified files to catch accessibility and UX issues early, outputting actionable findings for traceability.

Can I run a UX audit on existing site files without manual review?▼

Yes, you can run a UX audit on existing site files by providing the file paths or patterns. The evaluation reads the specified files and applies all guideline rules automatically to identify non-compliant design and UX issues.

Does a web design review tool output findings in a traceable format?▼

Yes, a web design review outputs findings in a terse file:line format. This format is specifically designed for quick remediation and traceability, allowing developers to locate and fix non-compliant UI patterns efficiently.

How do I ensure my accessibility checks use the most up-to-date guidelines?▼

To ensure accessibility checks use up-to-date guidelines, the evaluation retrieves current rules from the official source before each review. This fetch mechanism guarantees that your UI code is checked against the latest standards.