skills.rest
sabyunrepo
sabyunrepoCOMMUNITY
Explore all skills by this author โ†’
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines and accessibility standards.

Updated Feb 1, 2026
Search Tags:#ui#code review#accessibility#web development#ux#design guidelines
One-click install
npx skills add https://github.com/sabyunrepo/IaaS --skill web-design-guidelines-sabyunrepo
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/sabyunrepo/IaaS/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/sabyunrepo/IaaS --skill web-design-guidelines-sabyunrepo

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 design and accessibility best practices, improving the quality and usability of web interfaces.

Core Features & Use Cases

  • UI Code Review: Analyzes provided files against a set of predefined web interface guidelines.
  • Accessibility Auditing: Checks for common accessibility issues within the UI code.
  • Design Best Practices: Verifies adherence to general UX and design principles.
  • Use Case: When developing a new feature, use this Skill to automatically audit the UI code for compliance before deployment.

Quick Start

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

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 web design and accessibility compliance?โ–ผ

To audit UI code for web design and accessibility compliance, provide specific file paths or patterns for review. The system fetches external guideline definitions and analyzes your front-end code against established UX and accessibility standards.

What web development guidelines are checked during a front-end design audit?โ–ผ

A front-end design audit checks UI code against predefined web interface guidelines, covering general UX principles, design best practices, and common accessibility standards to ensure usability and quality.

Can I review specific component files for UX and design best practices?โ–ผ

Yes, you can review specific component files for UX and design best practices by specifying the target file paths, such as 'src/components/Button.js', for the system to analyze.

When do I need to run an accessibility check on my UI code?โ–ผ

You need to run an accessibility check on your UI code during front-end development workflows before deployment, ensuring new features meet quality assurance checks and established web interface guidelines.

Does this UI code review require external guideline dependencies?โ–ผ

Yes, this UI code review requires fetching external guideline definitions to analyze your specified file paths against established accessibility standards and web interface guidelines.

What are the limitations of automated design guideline checks for web development?โ–ผ

Automated design guideline checks are limited to analyzing specified file paths against fetched external definitions, focusing on common accessibility issues and predefined UX principles rather than runtime visual rendering.

Related Skills

Explore More Software Engineering Skillsโ†’
joelhooksjoelhooks
61

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility.

Community
Basic
jjc4480jjc4480

blog-qa

Cross-verify data shapes, routing, and SEO for blog projects.

Community
Advanced
FeedbackFriendsFeedbackFriends
1

web-design-guidelines

Checks HTML, CSS, and JavaScript files for UI and accessibility standard compliance.

Official
Intermediate
dachentdachent
18

frontend-design-codex

Validate frontend UI components through browser rendering and screenshot analysis.

Community
Advanced