skills.rest
gunyarakun
gunyarakunCOMMUNITY
Explore all skills by this author →
Website𝕏@gunyarakunGitHub

web-design-guidelines

Review UI code for Web Interface Guidelines compliance and accessibility.

3|1|Updated Oct 27, 2012
Search Tags:#best practices#code audit#web accessibility#design compliance#UI code review
One-click install
npx skills add https://github.com/gunyarakun/dotfiles --skill web-design-guidelines-gunyarakun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/gunyarakun/dotfiles/tree/main/claude/skills/web-design-guidelines
Command: npx skills add https://github.com/gunyarakun/dotfiles --skill web-design-guidelines-gunyarakun

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps identify non-compliance with Web Interface Guidelines in UI code, ensuring accessibility and best practices are met.

Core Features & Use Cases

  • Compliance Review: Checks UI code against the latest Web Interface Guidelines.
  • Accessibility Check: Identifies accessibility issues in the UI.
  • Best Practices Audit: Ensures the UI adheres to best practices.
  • Use Case: When a user needs to review their UI code for compliance before deployment.

Quick Start

Run the web-design-guidelines skill on your UI code by providing the file or pattern to review.

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

Web accessibility compliance is verified by auditing UI code against Web Interface Guidelines, checking for non-compliant elements and ensuring best practices are met before deployment.

What is a UI code review for design compliance?▼

A UI code review for design compliance is an audit that checks your interface files against established Web Interface Guidelines to identify accessibility issues and enforce best practices.

How do I audit UI code against Web Interface Guidelines?▼

You audit UI code by providing your files to the review process, which fetches the specified Web Interface Guidelines from a URL and applies those rules to identify accessibility and design violations.

Can I use a URL to specify design guidelines for a code audit?▼

Yes, you can specify design guidelines for a code audit by providing a URL, which the review process fetches to apply the latest Web Interface Guidelines directly to your UI files.

When do I need to run a best practices audit on my UI code?▼

You need to run a best practices audit on your UI code before deployment to ensure your interface complies with Web Interface Guidelines and meets web accessibility standards.

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

Automated UI code review for accessibility is limited to applying fetched Web Interface Guidelines to provided files, meaning it checks static code compliance rather than dynamic runtime interactions or manual user testing scenarios.

Related Skills

Explore More Software Engineering Skills→
BangjjackBangjjack

web-design-guidelines

Review UI code against Web Interface Guidelines and report findings in file:line format.

Official
Intermediate
Tahona-AITahona-AI

web-design-guidelines

Check web interface code for accessibility, usability, and best practice compliance.

Official
Intermediate
KrismithReddy12KrismithReddy12

health

Calculate a weighted 0-10 code quality score from linters and test runners.

Community
Advanced
airoweairowe
14

Accessibility Audit Skill

Audit web projects for WCAG 2.1 violations using axe-core and eslint-plugin-jsx-a11y.

Community
Advanced