skills.rest
alixex
alixexOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against web interface guidelines for accessibility and design compliance.

4|1|Updated Feb 16, 2026
Search Tags:#ui#code review#accessibility#frontend#web design#guidelines
One-click install
npx skills add https://github.com/alixex/aryxn --skill web-design-guidelines-alixex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/alixex/aryxn/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/alixex/aryxn --skill web-design-guidelines-alixex

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the review of UI code to ensure compliance with established Web Interface Guidelines, improving consistency and quality.

Core Features & Use Cases

  • Automated Compliance Checks: Scans specified files against a comprehensive set of web design and accessibility rules.
  • Guideline Fetching: Dynamically retrieves the latest guidelines from a remote source before each review.
  • Use Case: A developer can use this Skill to quickly audit a new component's UI code for accessibility issues and adherence to best practices before merging it.

Quick Start

Use the web-design-guidelines skill to review the accessibility of all files in the src/components directory.

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 frontend code for accessibility compliance?▼

Automated compliance checks scan your UI code against established Web Interface Guidelines to identify accessibility issues and ensure design best practices. You simply specify the target file paths or patterns in your frontend project for the review.

What is the best way to audit web design guidelines in a front-end development workflow?▼

The best way to audit web design guidelines is to use an automated review process that dynamically fetches remote standards and applies them to your UI code. This ensures your front-end development workflow consistently meets current web standards.

Can I scan a specific directory of UI components for web standards violations?▼

Yes, you can scan a specific directory of UI components for web standards violations by specifying the target file path or pattern. The review applies comprehensive web design and accessibility rules to all matching files in that directory.

Does the web design review process fetch the latest accessibility guidelines automatically?▼

Yes, the web design review process dynamically retrieves the latest accessibility and web interface guidelines from a remote source before each review. This guarantees that your UI code is always evaluated against the most current standards.

When should I run an automated UI code review for web standards?▼

You should run an automated UI code review for web standards before merging new components into your web application. This ensures your frontend code meets accessibility requirements and adheres to established design best practices early in the development cycle.

Related Skills

Explore More Software Engineering Skills→
alexwoxalexwox

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Community
Intermediate
NolanPicNolanPic

Frontend Accessibility

Enforce WCAG compliance in frontend UI code with semantic HTML and ARIA.

Community
Basic
GuanezGuanez

laravel-quality

Analyze PHP code with PHPStan and format with Laravel Pint.

Community
Advanced
magozmagoz
2

web-design-guidelines

Fetches latest Web Interface Guidelines and audits UI files for accessibility and UX compliance, outputting findings as file:line pairs.

Community
Intermediate