skills.rest
JoaquinFontaana
JoaquinFontaanaCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

1|1|Updated Jul 31, 2025
Search Tags:#design#ui#code review#accessibility#guidelines#ux
One-click install
npx skills add https://github.com/JoaquinFontaana/alquileres --skill web-design-guidelines-joaquinfontaana
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/JoaquinFontaana/alquileres/tree/main/.agents/skills/stack/web-design-guidelines
Command: npx skills add https://github.com/JoaquinFontaana/alquileres --skill web-design-guidelines-joaquinfontaana

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design principles and accessibility standards, improving user experience and consistency.

Core Features & Use Cases

  • UI Code Review: Analyzes code for compliance with web interface guidelines.
  • Accessibility Auditing: Checks for common accessibility issues.
  • Design Best Practices: Verifies adherence to UX and design best practices.
  • Use Case: A developer can use this skill to automatically check a new component's code against Vercel's Web Interface Guidelines before merging it.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.jsx' for compliance.

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 UI code for design compliance and accessibility?▼

To audit UI code for design compliance, you review front-end files against established web interface guidelines to identify accessibility issues and verify adherence to UX best practices.

What is the best way to check a React component against web interface guidelines before merging?▼

Checking a React component against web interface guidelines involves analyzing the component's code to ensure it meets accessibility standards and design best practices prior to merging.

Can I use automated code review to find UX and accessibility issues in my front-end workflow?▼

Yes, automated code review can be integrated into front-end development workflows to scan specified files or patterns and detect common UX and accessibility issues based on external definitions.

Does UI code review for design guidelines require fetching external definitions?▼

Yes, auditing UI code for design compliance requires fetching external guideline definitions to apply established standards to your specified files during the code review process.

When do I need to fetch external guideline definitions for a UI accessibility audit?▼

You need to fetch external guideline definitions for a UI accessibility audit when applying established design principles and standards to front-end code to ensure user experience consistency.

Related Skills

Explore More Design & Creative Skills→
cas-bigdatalabcas-bigdatalab
541

source_stop

Configure the initial data source for a DAG workflow with a file path.

Official
Basic
ishi253ishi253

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
WD-CHINAWD-CHINA

web-design-guidelines

Audit HTML and CSS files for design and accessibility compliance.

Community
Intermediate