skills.rest
maraxen
maraxenCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/maraxen/praxis --skill web-design-guidelines-maraxen
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
elianivaelianiva
203

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and usability.

Community
Intermediate
7loro7loro
1

web-design-guidelines

Audit UI code against Web Interface Guidelines and report findings in file:line format.

Community
Basic
jackneiljackneil
1

ux

Validate cross-component UX changes for design consistency and accessibility.

Community
Intermediate
Citrus-bitCitrus-bit
135

web-design-guidelines

Review UI code against the Web Interface Guidelines and output file:line violation reports.

Community
Intermediate