skills.rest
xabierlameiro
xabierlameiroCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Reviews UI code against Web Interface Guidelines for accessibility and design compliance.

Updated Mar 8, 2026
Search Tags:#code quality#accessibility#ui review#design audit#web standards
One-click install
npx skills add https://github.com/xabierlameiro/price-tracker --skill web-design-guidelines-xabierlameiro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/xabierlameiro/price-tracker/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/xabierlameiro/price-tracker --skill web-design-guidelines-xabierlameiro

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall quality of web applications.

Core Features & Use Cases

  • Automated Code Review: Scans specified files or patterns against a comprehensive set of design and usability rules.
  • Compliance Checking: Verifies adherence to best practices for web interfaces.
  • Use Case: A developer can use this Skill to quickly audit a new component's code for accessibility issues and design consistency before it's merged.

Quick Start

Use the web-design-guidelines skill to review the accessibility of all files in the components directory.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I review my UI code for accessibility and web standards compliance?▼

An automated UI code review scans specified front-end files against Web Interface Guidelines, checking for accessibility issues and design consistency to ensure your user interfaces adhere to established web standards before merging.

What is a design audit for front-end development workflows?▼

A design audit for front-end workflows is an automated review process that fetches established Web Interface Guidelines and applies them to your component files, verifying that user interface code meets accessibility rules and web design best practices.

Can I check specific component files for web interface guideline violations?▼

Yes, you can audit specific component files by supplying user-provided files or directory patterns to the skill, which fetches the latest Web Interface Guidelines from a specified URL and applies them to verify your code compliance.

Do I need to provide a URL to perform a UI design audit?▼

Yes, performing a UI design audit requires fetching the latest guidelines from a specified URL, meaning you must supply the web address of the Web Interface Guidelines you want the automated code review to apply to your front-end files.

What's the best way to ensure front-end code meets web standards before merging?▼

The best way to ensure front-end code meets web standards before merging is to run an automated design audit that checks your user-provided files for accessibility issues and adherence to established Web Interface Guidelines, catching compliance problems early.

Related Skills

Explore More Design & Creative Skills→
LeighAtkinsLeighAtkins

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
maedmattmaedmatt
3

web-design-guidelines

Analyze UI code for Web Interface Guidelines and accessibility compliance.

Community
Basic
andymsunandymsun
1

web-design-guidelines

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

Community
Intermediate
run6270run6270
1

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate