skills.rest
global-ministries
global-ministriesCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Aug 17, 2025
Search Tags:#ui#accessibility#design review#code audit#ux#web guidelines
One-click install
npx skills add https://github.com/global-ministries/global-connect --skill web-design-guidelines-global-ministries
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/global-ministries/global-connect/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/global-ministries/global-connect --skill web-design-guidelines-global-ministries

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design and accessibility best practices, improving user experience and usability.

Core Features & Use Cases

  • UI Code Review: Analyzes code for compliance with web interface guidelines.
  • Accessibility Checks: Identifies potential accessibility issues.
  • Design Audits: Reviews user interface against best practices.
  • Use Case: When you've developed a new feature and want to ensure it meets accessibility standards before launch, use this skill to perform an automated audit.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.js'.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit UI code for web interface guideline compliance?▼

Audit UI code by fetching external guideline definitions to analyze frontend components for compliance with web interface guidelines, checking accessibility and design best practices. This skill reviews code to identify potential issues and ensure adherence to established standards.

What's the best way to check frontend accessibility before launch?▼

Check frontend accessibility by running a design audit on your UI code to identify potential accessibility issues. This process reviews user interfaces against established web guidelines and best practices to ensure adherence to accessibility standards before deployment.

Can I review a specific component file for design best practices?▼

Yes, you can review a specific component file like 'src/components/Button.js' for design best practices. The skill analyzes individual UI code files to perform an automated audit checking compliance with web interface guidelines and accessibility standards.

Does this UI code review require fetching external guideline definitions?▼

Yes, UI code review requires fetching external guideline definitions to perform the analysis. The skill depends on these external definitions to evaluate frontend code against established web interface guidelines and accessibility best practices during the audit process.

When do I need to perform a design audit on my user interface?▼

Perform a design audit when you've developed a new feature and want to ensure it meets accessibility standards before launch. The audit reviews your user interface against best practices to identify potential accessibility issues and improve overall user experience.

What accessibility issues can a web guidelines code audit identify?▼

A web guidelines code audit identifies potential accessibility issues by reviewing UI code for compliance with web interface guidelines. It checks adherence to established design best practices and accessibility standards to improve user experience and usability.

Related Skills

Explore More Design & Creative Skills→
remcostoetenremcostoeten
14

web-design-guidelines

Audit web interface code against design and accessibility standards.

Community
Intermediate
runkidsrunkids
11

accessibility

Audit web accessibility against WCAG 2.1 and generate remediation plans.

Community
Basic
baotoqbaotoq

design-web-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Basic
randalmurphalrandalmurphal

python-linting

Identify and fix Python linting and type-checking issues with Ruff and Pyright.

Community
Intermediate