skills.rest
juanjaragavi
juanjaragaviCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Compare project files against Web Interface Guidelines to identify UI violations.

Updated Dec 19, 2025
Search Tags:#ui#accessibility#code-review#visual-consistency#design-review#web-guidelines
One-click install
npx skills add https://github.com/juanjaragavi/topfinanzas-us-next --skill web-design-guidelines-juanjaragavi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/juanjaragavi/topfinanzas-us-next/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/juanjaragavi/topfinanzas-us-next --skill web-design-guidelines-juanjaragavi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers and designers ensure web UI code adheres to the latest Web Interface Guidelines, reducing accessibility issues and visual inconsistencies.

Core Features & Use Cases

  • Guideline-driven review: compares code against the latest guidelines to surface violations.
  • File-focused checks: operates on specified files or patterns to deliver targeted feedback.
  • Use Case: audits a web app to identify accessibility and UX gaps.

Quick Start

Review a set of project files against the latest Web Interface Guidelines.

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 visual consistency?▼

To audit web UI code for accessibility and visual consistency, compare your project files against the latest Web Interface Guidelines. This process identifies violations across codebases and individual files, surfacing concise file and line findings for UX and design gaps.

What is a design review for web interfaces based on guidelines?▼

A guideline-driven design review for web interfaces compares targeted project files against the latest web guidelines to detect accessibility issues and visual inconsistencies. It fetches specified rules, reads the files, and outputs concise file:line findings in a required format.

Can I check individual files for Web Interface Guidelines compliance?▼

Yes, you can check individual files for Web Interface Guidelines compliance. The review operates on specified files or patterns to deliver targeted feedback, reading the targeted files to assess accessibility, UX, and design consistency.

Do I need any dependencies to run a web guidelines code review?▼

No dependencies are required to run a web guidelines code review. The process fetches the latest rules from a specified source, reads your targeted project files, and outputs concise file:line findings without needing external components.

What's the best way to identify UX gaps in a web app?▼

The best way to identify UX gaps in a web app is to audit it by comparing your project files against the latest Web Interface Guidelines. This surfaces accessibility issues and visual inconsistencies, outputting concise file:line findings for targeted fixes.

Related Skills

Explore More Design & Creative Skills→
BangjjackBangjjack

web-design-guidelines

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

Official
Intermediate
nweiinweii
7

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Community
Intermediate
apexradiusapexradius

a11y-check

Audit web content accessibility against WCAG 2.2 AA standards.

Official
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced