skills.rest
Nuu-maan
Nuu-maanCOMMUNITY
Explore all skills by this author →
Website𝕏@NumankhannnnnGitHub

web-design-guidelines

Analyzes UI code compliance with Web Interface Guidelines for accessibility, design, and UX standards.

2|Updated May 24, 2026
Search Tags:#accessibility#design audit#web guidelines#UI code review#UX standards
One-click install
npx skills add https://github.com/Nuu-maan/portfolio-template --skill web-design-guidelines-nuu-maan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Nuu-maan/portfolio-template/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/Nuu-maan/portfolio-template --skill web-design-guidelines-nuu-maan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires web-fetch, and includes scripts (resource) components.

What problem does it solve?

This Skill ensures that UI code complies with Web Interface Guidelines, addressing accessibility, design, and UX standards.

Core Features & Use Cases

  • Code Review: Analyze UI code for compliance with established guidelines.
  • Accessibility: Check for accessibility issues in the UI code.
  • Design Audit: Validate design choices against best practices.
  • Use Case: When a developer needs to ensure their UI meets industry standards and accessibility requirements.

Quick Start

Review the UI code in 'ui-code.zip' against Web Interface Guidelines.

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 UI code for compliance with web accessibility and UX standards?▼

You can check UI code for compliance by running a UI code review against Web Interface Guidelines, focusing on accessibility, design, and UX standards. This process fetches the latest guidelines and applies them to your provided codebase.

What is a web design audit and when do I need it for my codebase?▼

A web design audit validates design choices against established best practices. You need it when ensuring your UI meets industry standards and accessibility requirements before deployment.

Can I review a zipped file of my UI code against web interface guidelines?▼

Yes, you can review a zipped file of your UI code against Web Interface Guidelines. The Skill analyzes the provided codebase to identify compliance issues with accessibility and UX standards.

Does web-fetch work with UI code review for fetching updated web guidelines?▼

Web-fetch is used as a dependency to fetch the latest Web Interface Guidelines. This ensures the UI code review checks your codebase against the most current accessibility and UX standards.

What are the limitations of automated UI code review for design compliance?▼

Automated UI code review focuses on established guidelines and may not catch subjective design flaws. It validates structural accessibility and UX standards but does not guarantee complete user satisfaction.

How do I audit UI code for accessibility issues in a web project?▼

You audit UI code for accessibility issues by fetching the latest Web Interface Guidelines and applying them to your codebase. This identifies non-compliant elements and validates UX standards.

Related Skills

Explore More Software Engineering Skills→
magnusrodsethmagnusrodseth
2

web-design-guidelines

Review UI code against the Web Interface Guidelines for compliance.

Community
Intermediate
runkidsrunkids
11

accessibility

Audit web accessibility against WCAG 2.1 and generate remediation plans.

Community
Basic
johnlindquistjohnlindquist
24

chrome

Automate browser interactions for web testing and data extraction with Puppeteer or Playwright.

Community
Advanced
hpsgdhpsgd

accessibility-audit

Audit web UI codebases for WCAG 2.1 AA compliance and generate remediation reports.

Official
Advanced