skills.rest
LinWhite2333
LinWhite2333COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against Web Interface Guidelines fetched from a source URL.

Updated Mar 23, 2026
Search Tags:#accessibility#compliance#web design#review#UI code
One-click install
npx skills add https://github.com/LinWhite2333/ai-configuration --skill web-design-guidelines-linwhite2333
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/LinWhite2333/ai-configuration/tree/main/skills/skills/web-design-guidelines
Command: npx skills add https://github.com/LinWhite2333/ai-configuration --skill web-design-guidelines-linwhite2333

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps ensure UI code complies with Web Interface Guidelines, streamlining the process of reviewing and auditing web design.

Core Features & Use Cases

  • Compliance Review: Checks UI code against Web Interface Guidelines for accessibility and best practices.
  • Guideline Fetching: Fetches the latest guidelines from a specified source URL before each review.
  • Automated Checking: Automatically checks files against the guidelines and outputs findings in a readable format.

Quick Start

Run the skill to review the UI code in 'index.html' 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 design compliance and accessibility?▼

You can review UI code for web design compliance by running checks against Web Interface Guidelines. The tool fetches the latest accessibility rules from a specified source URL and outputs readable findings to help developers and QA engineers ensure best practices.

What is the process for auditing web interface guidelines in HTML files?▼

Auditing web interface guidelines involves fetching the latest rules from an external source URL before checking your HTML files. It automatically scans the UI code and outputs findings in a readable format to ensure design best practices and accessibility are met.

Do I need internet access to review UI code against external web design guidelines?▼

Yes, you need internet access to review UI code against external web design guidelines. The compliance review process fetches the latest rules from a specified source URL before each check, requiring an active connection to ensure the most current standards are applied.

Can I use this automated checking tool for QA engineering accessibility reviews?▼

Yes, you can use this automated checking tool for QA engineering accessibility reviews. It is designed for developers and QA engineers to automatically check UI code files against Web Interface Guidelines and outputs compliance findings in a readable format.

What are the limitations of fetching external rules for UI code compliance checks?▼

The main limitation of fetching external rules for UI code compliance checks is the strict dependency on internet access and a specified source URL. If the connection fails or the URL is inaccessible, the tool cannot retrieve the latest guidelines needed to perform the review.

Related Skills

Explore More Software Engineering Skills→
snake-dev-teamsnake-dev-team

ck:web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Official
Intermediate
FerranGuardiaFerranGuardia

web-design-guidelines

Identify UI code violating Web Interface Guidelines and accessibility best practices.

Community
Intermediate
code-rabicode-rabi

web-design-guidelines

Evaluate web interface code for industry standards and accessibility compliance.

Official
Intermediate
syusamasyusama
4

web-design-guidelines

Check UI code compliance with Web Interface Guidelines via static analysis.

Community
Intermediate