skills.rest
arthun01
arthun01COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for Web Interface Guidelines compliance and accessibility issues.

Updated Jun 9, 2026
Search Tags:#best practices#design audit#web accessibility#code compliance#UI code review
One-click install
npx skills add https://github.com/arthun01/achados-uesc --skill web-design-guidelines-arthun01
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/arthun01/achados-uesc/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/arthun01/achados-uesc --skill web-design-guidelines-arthun01

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps ensure that UI code adheres to Web Interface Guidelines, enhancing accessibility and user experience.

Core Features & Use Cases

  • Guideline Compliance: Checks UI code against the latest Web Interface Guidelines.
  • Accessibility: Identifies potential accessibility issues in UI code.
  • Use Case: When you need to review a web interface for compliance with best practices and accessibility standards.

Quick Start

Run the web-design-guidelines skill on your UI code to check for compliance with 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 my UI code for web accessibility compliance?▼

To check UI code for web accessibility compliance, use a design audit tool that automatically fetches web interface guidelines, analyzes your code, and reports accessibility issues in a concise format.

What's the best way to automate a UI code review for design best practices?▼

Automating a UI code review for design best practices involves running a script that fetches current web interface standards, analyzes the codebase, and outputs a concise compliance report.

When do I need to run a web accessibility and design audit on my project?▼

You need to run a web accessibility and design audit when preparing a web interface for release, ensuring UI code compliance with best practices and accessibility standards to enhance user experience.

Does this design compliance checker work without additional dependencies?▼

Yes, this design compliance checker operates without additional dependencies, using only its internal scripts and references to fetch guidelines and analyze UI code for compliance.

What limitations exist when auditing UI code for web interface guidelines?▼

A limitation when auditing UI code for web interface guidelines is that the tool provides a concise report of findings, meaning it identifies compliance and accessibility issues but does not automatically fix the code.

Related Skills

Explore More Software Engineering Skills→
christhz666christhz666

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Basic
imsaifimsaif
3

design-audit

Scan Tailwind UI components for hardcoded colors and design token violations.

Community
Advanced
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
SomtoUgehSomtoUgeh

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and design compliance.

Community
Basic