web-design-guidelines

Detect UI code compliance with Web Interface Guidelines and output findings.

Updated Jul 30, 2025
One-click install
npx skills add https://github.com/tmarsbr/portifolio --skill web-design-guidelines-tmarsbr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/tmarsbr/portifolio/tree/main/skill-ux/skills/web-design-guidelines
Command: npx skills add https://github.com/tmarsbr/portifolio --skill web-design-guidelines-tmarsbr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance to ensure accessibility, usability, and consistency with modern best practices.

Core Features & Use Cases

  • Fetch latest guidelines from a remote source and apply them to UI files.
  • Read target files and evaluate against the entire guideline set.
  • Produce concise, actionable findings to improve accessibility, UX, and design quality.

Quick Start

Provide the UI files or patterns to review, then run the skill to fetch guidelines and generate a findings 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 web UI code for accessibility and UX compliance?

To audit web UI code for accessibility and UX compliance, provide your UI files or patterns to the skill, which fetches the latest remote guidelines, evaluates the target files against all rules, and outputs actionable findings in a file:line format.

Can I review web interface components and pages for consistency across multiple projects?

Yes, you can review web interface components and pages for consistency across projects by running the skill, which applies fetched web interface guidelines to your target files and generates a concise findings report highlighting accessibility, usability, and design discrepancies.

What is the best way to check if my UI code meets modern web interface guidelines?

The best way to check if UI code meets modern web interface guidelines is to use an automated audit skill that fetches the latest remote rule sets, reads your target UI files, and enforces compliance by outputting specific file and line number findings.

Does this accessibility audit require any specific dependencies or component libraries?

No specific dependencies or component libraries are required to run this accessibility audit; the skill operates independently by fetching the latest guidelines from a remote source and reading your target UI files directly to produce compliance findings.

Why does my UI accessibility audit output show findings in a file:line format?

Your UI accessibility audit outputs findings in a prescribed file:line format to provide concise, actionable locations for each accessibility, UX, or consistency violation found when applying the web interface guidelines to your target files.

When do I need to run a web interface guidelines audit on my UI files?

You need to run a web interface guidelines audit when reviewing web interfaces, including components, pages, and interactions, to ensure accessibility, usability, and consistency with modern best practices before deployment.