web-design-guidelines

Review UI code against Web Interface Guidelines and accessibility standards.

Updated Mar 12, 2026
One-click install
npx skills add https://github.com/WesleyMarinho/codeseek-marketplace --skill web-design-guidelines-wesleymarinho
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/WesleyMarinho/codeseek-marketplace/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/WesleyMarinho/codeseek-marketplace --skill web-design-guidelines-wesleymarinho

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers ensure their user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall design quality.

Core Features & Use Cases

  • Automated Review: Scans UI code files against a comprehensive set of web design best practices.
  • Compliance Checking: Identifies deviations from accessibility standards, usability heuristics, and design system rules.
  • Use Case: When a developer asks to "review my UI code for accessibility issues" or "check my design against best practices," this skill provides actionable feedback.

Quick Start

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

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 design compliance?

To review UI code for accessibility and web design compliance, the skill scans front-end files against Web Interface Guidelines, identifying deviations from usability heuristics and design system rules. It fetches the latest guidelines from a remote URL to provide actionable feedback.

What web design best practices are checked during a front-end code review?

A front-end code review checks web design best practices by scanning for compliance with established accessibility standards, usability heuristics, and design system rules. This ensures user experience consistency and overall design quality in your UI components.

Can I use this to check if my front-end components meet usability heuristics?

Yes, you can check if front-end components meet usability heuristics by having the skill scan your UI code files. It identifies deviations from established design system rules and accessibility standards, providing actionable feedback for improvement.

Does the skill require internet access to fetch web interface guidelines?

Yes, the skill requires internet access to fetch the latest web interface guidelines from a remote URL before performing the review. This ensures your UI code is checked against the most current accessibility standards and design best practices.

What is the best way to ensure UI code meets accessibility standards during development?

The best way to ensure UI code meets accessibility standards is to integrate an automated review into your front-end development workflow. This skill scans your code against comprehensive web design best practices, catching deviations from compliance rules early.

Why does my UI code review fail to catch accessibility issues consistently?

Your UI code review may fail to catch accessibility issues consistently if it does not fetch the latest web interface guidelines from a remote URL. Relying on outdated standards prevents accurate compliance checking against current usability heuristics.