skills.rest
andrescardonas7
andrescardonas7COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Jan 30, 2026
Search Tags:#ui#accessibility#design review#code audit#ux#web guidelines
One-click install
npx skills add https://github.com/andrescardonas7/salchipapa-web --skill web-design-guidelines-andrescardonas7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/andrescardonas7/salchipapa-web/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/andrescardonas7/salchipapa-web --skill web-design-guidelines-andrescardonas7

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that your web interface code adheres to established design and accessibility guidelines, preventing common UI/UX issues.

Core Features & Use Cases

  • Automated Review: Scans specified files against a comprehensive set of web interface guidelines.
  • Compliance Checking: Identifies deviations from best practices in UI design, accessibility, and user experience.
  • Use Case: Before deploying a new feature, use this Skill to automatically audit the UI code for accessibility compliance and adherence to design system standards.

Quick Start

Review the UI code in the 'src/components' directory for guideline 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 my UI code for accessibility compliance?▼

You can audit UI code for accessibility compliance by scanning specified files against a set of web interface guidelines to identify deviations from best practices in UI design and user experience.

Does this UI code review tool work with React, Vue, and Angular?▼

Yes, this UI code review tool applies to front-end codebases using frameworks like React, Vue, and Angular to ensure your components meet web interface design and accessibility standards.

How do I check my front-end components against web design guidelines?▼

You check front-end components by providing your files or patterns for automated review, which scans them against fetched web interface guidelines to detect UI and UX issues before deployment.

What is the best way to ensure my web interface code meets accessibility standards?▼

The best way to ensure web interface code meets accessibility standards is to run an automated review on your codebase, checking your patterns against established design and accessibility guidelines to prevent common UI issues.

Do I need to provide a URL to run a web guidelines code audit?▼

Yes, you need to provide a specified URL because the review process requires fetching the latest web interface guidelines to apply them to your user-provided files and patterns.

Related Skills

Explore More Design & Creative Skills→
gesmith0606gesmith0606

web-design-guidelines

Audit HTML and CSS files against Web Interface Guidelines.

Community
Intermediate
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
Adelie-SquadAdelie-Squad
17

creative-frontend

Develop reusable UI components with design-system tokens across React, Vue, and Angular.

Official
Advanced
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate