web-design-guidelines

Review web interface code for compliance with design and accessibility guidelines.

2|Updated Feb 1, 2026
One-click install
npx skills add https://github.com/RexO77/axiomUI --skill web-design-guidelines-rexo77
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/RexO77/axiomUI/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/RexO77/axiomUI --skill web-design-guidelines-rexo77

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires webfetch, and includes scripts (resource) components.

What problem does it solve?

This Skill automates the review of web interface code against established best practices, ensuring consistency, accessibility, and adherence to design guidelines.

Core Features & Use Cases

  • Automated Compliance Checks: Scans specified files or patterns for adherence to web interface guidelines.
  • Guideline Fetching: Dynamically retrieves the latest guidelines from a specified source URL.
  • Use Case: A developer can use this skill to quickly audit a new component's code for accessibility issues and design standard violations before deployment.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.js' 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 automate accessibility and UI design checks for frontend code?

Automate accessibility and UI design checks by fetching external guideline documents and applying rule-based compliance audits to specified frontend code files. This process scans code patterns to identify design standard violations and accessibility issues before deployment.

What is the best way to review web interface code for compliance before deployment?

The best way to review web interface code for compliance is through automated rule-based checks that scan specified files against established design and accessibility guidelines. This ensures consistency and adherence to frontend standards without manual inspection.

Can I use webfetch to dynamically retrieve the latest UI guidelines during a code review?

Yes, webfetch dynamically retrieves the latest UI guidelines from a specified source URL during the frontend code review process. This ensures automated compliance checks always evaluate code against the most current accessibility and design standards.

How do I audit a specific component file for design standard violations?

Audit a specific component file by targeting its file path for an automated compliance scan. The review process fetches established guidelines and applies rule-based checks to that specific code file to detect accessibility issues and UI deviations.

Does this automated compliance check work with any frontend framework?

Automated compliance checks apply to front-end development workflows by scanning specified files or code patterns. As long as the code files can be fetched and read, the rule-based design and accessibility audits can evaluate them regardless of the specific framework.

Why does the code review require fetching external guideline documents?

The code review requires fetching external guideline documents to apply the most up-to-date rule-based checks for accessibility and UI compliance. Dynamically retrieving guidelines ensures the automated audit evaluates frontend code against current established standards rather than outdated rules.