skills.rest
ApothecaryMan
ApothecaryManCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against Web Interface Guidelines and report non-compliance with line numbers.

Updated Dec 5, 2025
Search Tags:#accessibility#UX design#web standards#web compliance#UI code review
One-click install
npx skills add https://github.com/ApothecaryMan/pharmaflow-ai --skill web-design-guidelines-apothecaryman
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ApothecaryMan/pharmaflow-ai/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/ApothecaryMan/pharmaflow-ai --skill web-design-guidelines-apothecaryman

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

The challenge of manually auditing UI code for compliance with Web Interface Guidelines is time-consuming and prone to oversight.

Core Features & Use Cases

  • Automated Compliance Review: Scan UI code against a set of predefined Web Interface Guidelines.
  • Guideline Compliance: Use when reviewing UI code for accessibility, design standards, and UX best practices.
  • Use Case: When preparing a website for launch, this skill can quickly check if all pages adhere to the established guidelines, saving time and reducing the risk of non-compliance.

Quick Start

Run the web-design-guidelines skill on your project code to check for compliance.

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, run an automated review that scans your project against predefined Web Interface Guidelines, identifying non-compliance issues with specific line numbers.

What is the best way to audit a website for design standards before launch?▼

Auditing a website for design standards before launch involves scanning UI code against established Web Interface Guidelines to quickly detect accessibility and UX best practice violations across all pages.

How do I identify specific line numbers of UX design issues in my web project?▼

You can identify specific line numbers of UX design issues by running an automated UI code review that checks your web project for non-compliance with Web Interface Guidelines and reports exact locations.

Can I use an automated UI code review for web standards and compliance?▼

Yes, you can use an automated UI code review for web standards and compliance. It scans your codebase against predefined Web Interface Guidelines to identify accessibility and design standard violations.

Does automated guideline compliance review replace manual UX auditing?▼

Automated guideline compliance review expedites UX auditing by quickly scanning UI code against Web Interface Guidelines to catch accessibility issues, reducing manual oversight and saving preparation time.

Related Skills

Explore More Software Engineering Skills→
DevQwietDevQwiet

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Advanced
Kaduh15Kaduh15

web-design-guidelines

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

Community
Basic
leafcoderleafcoder
2

web-design-guidelines

Audit web interface code for WCAG, ARIA, and UX compliance.

Community
Intermediate
zivtechzivtech

ui-critic

Evaluate UI designs and live web interfaces for usability and WCAG 2.1 AA accessibility.

Official
Advanced