skills.rest
riethmayer
riethmayerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

2|1|Updated Oct 8, 2009
Search Tags:#ui#accessibility#audit#review#guidelines#web-design
One-click install
npx skills add https://github.com/riethmayer/dotfiles --skill web-design-guidelines-riethmayer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/riethmayer/dotfiles/tree/main/stow/agents/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/riethmayer/dotfiles --skill web-design-guidelines-riethmayer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Fetch the latest guidelines from a central source and apply them to your project.
  • Analyze the provided files or patterns to identify accessibility and usability issues.
  • Generate a concise, actionable report listing violations in a file:line format for remediation.

Quick Start

Use this skill to audit your UI against current guidelines and generate a report.

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 for web interface guideline violations?▼

To audit UI code for web interface guideline violations, this Skill analyzes your specified files or patterns and reports accessibility and usability issues. It fetches the latest guidelines from a central source URL before reviewing your code.

What format do web interface guideline violations get reported in?▼

Guideline violations are reported in a concise file:line format. This structure provides exact locations of accessibility and usability issues within your UI code, making the output directly suitable for quick remediation.

Can I review specific file patterns for accessibility issues instead of the whole project?▼

Yes, you can apply the accessibility review to specified files or patterns. The Skill analyzes the targeted UI code segments to identify web interface guideline violations and generates a concise remediation report.

Does this accessibility audit require any external dependencies?▼

No external dependencies are required to run this accessibility audit. The Skill independently fetches the latest web interface guidelines from the source URL and analyzes your UI code to identify violations without needing additional components.

Related Skills

Explore More Design & Creative Skills→
vuminhieuvuminhieu

web-design-guidelines

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

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
alissonmds00alissonmds00

web-design-guidelines

Audit web interface code for design and accessibility guideline compliance.

Community
Basic
airoweairowe
14

Accessibility Audit Skill

Audit web projects for WCAG 2.1 violations using axe-core and eslint-plugin-jsx-a11y.

Community
Advanced