skills.rest
yashtekavade
yashtekavadeCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review web UI code against Web Interface Guidelines for accessibility and design violations.

Updated Aug 27, 2026
Search Tags:#code quality#web accessibility#design guidelines#ui audit#ux review#pattern scanning
One-click install
npx skills add https://github.com/yashtekavade/fast-invoice-generator- --skill web-design-guidelines-yashtekavade
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/yashtekavade/fast-invoice-generator-/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/yashtekavade/fast-invoice-generator- --skill web-design-guidelines-yashtekavade

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you catch accessibility, usability, and design guideline issues in your web interface before users encounter them.

Core Features & Use Cases

  • Guideline-based UI audits: Checks your provided files against the latest Web Interface Guidelines rules.
  • Targeted file review: Supports reviewing specific files or patterns to focus on the areas you care about.
  • Actionable findings output: Reports issues in a concise file:line format so you can quickly locate and fix problems.

Quick Start

Use the web-design-guidelines skill to review the file pattern 'src/**/*.tsx' for Web Interface Guidelines compliance.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What does a UX review and UI audit cover for modern web frontends?▼

A UX review and design audit covers web accessibility, usability, and design rule violations. It evaluates your web UI code against the Web Interface Guidelines to catch issues before users encounter them.

Can I target specific files or patterns for a web accessibility review?▼

Yes, you can specify file patterns like 'src/**/*.tsx' to target specific files for a web accessibility review. The skill reads only the targeted files and evaluates every guideline rule within those areas.

How are UI audit findings reported to help fix code quality issues?▼

UI audit findings are reported in a concise file:line format. This actionable output directly maps violations to locations in your web frontend code, helping you quickly locate and resolve code quality issues.

Does this UI audit require any dependencies or external components?▼

No dependencies or components are required to run this UI audit. The skill independently fetches the latest command.md rules from the official URL to evaluate your code.

Related Skills

Explore More Design & Creative Skills→
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate
coco-researchcoco-research
264

web-design-guidelines

Review UI code against Web Interface Guidelines and flag violations.

Community
Intermediate
nimeshgurungnimeshgurung

senior-fullstack

Scaffold fullstack web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL.

Community
Advanced
forgivesam168forgivesam168
2

scoutqa-test

Automate exploratory web application testing via ScoutQA CLI with natural language prompts.

Community
Advanced