skills.rest
nayyirahsan
nayyirahsanCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Apr 13, 2026
Search Tags:#best practices#design audit#web accessibility#web interface guidelines#UI code review
One-click install
npx skills add https://github.com/nayyirahsan/labrecon --skill web-design-guidelines-nayyirahsan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/nayyirahsan/labrecon/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/nayyirahsan/labrecon --skill web-design-guidelines-nayyirahsan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill aids in reviewing UI code for compliance with the Web Interface Guidelines, helping to avoid common pitfalls in UI design and accessibility.

Core Features & Use Cases

  • Code Review: Checks for compliance with Web Interface Guidelines in UI code.
  • Accessibility Checks: Ensures accessibility standards are met in UI design.
  • Best Practices: Audits designs against best practices and standards.
  • Use Case: When preparing a new UI project or reviewing an existing one, use this Skill to ensure it aligns with the necessary guidelines.

Quick Start

Run the web-design-guidelines skill on your UI code file 'index.html'.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I check my UI code for web accessibility issues?▼

To check UI code for web accessibility issues, you can automate a review against Web Interface Guidelines. This process parses the provided code to identify compliance failures and ensures adherence to accessibility standards.

What is a UI code review for web interface guidelines?▼

A UI code review for web interface guidelines is an automated audit that parses your code to verify adherence to best practices. It identifies accessibility issues and checks alignment with external design standards.

How do I run a design audit on an existing HTML project?▼

To run a design audit on an existing HTML project, execute an automated UI code review on your file. The tool fetches external guidelines, parses the code, and reports accessibility and best practice violations.

Do I need to provide external web interface guidelines for the review?▼

Yes, fetching and applying guidelines from an external source is required for the review. The process depends on retrieving these external standards to accurately check your UI code for compliance.

Related Skills

Explore More Software Engineering Skills→
ishi253ishi253

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
sadie100sadie100

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
Thawatchai-PetkaewThawatchai-Petkaew

quality-gate

Automate pre-merge linting, type checking, testing, build, security, and UI compliance checks.

Community
Advanced
HorusGoulHorusGoul
110

web-design-guidelines

Enforce Web Interface Guidelines compliance across UI code and design artifacts.

Community
Intermediate