skills.rest
loayalsaid1
loayalsaid1COMMUNITY
Explore all skills by this author →
𝕏@loayalsaid1GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Feb 15, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/loayalsaid1/Axonelix --skill web-design-guidelines-loayalsaid1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/loayalsaid1/Axonelix/tree/main/Frontend/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/loayalsaid1/Axonelix --skill web-design-guidelines-loayalsaid1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interface code adheres to established web design best practices and accessibility standards, improving the quality and usability of web applications.

Core Features & Use Cases

  • UI Code Review: Analyzes provided files against a set of predefined web interface guidelines.
  • Accessibility Auditing: Checks for common design and accessibility issues.
  • Best Practice Compliance: Verifies adherence to modern web development standards.
  • Use Case: When you need to ensure your new website component is accessible and follows current design trends, use this skill to perform an automated audit.

Quick Start

Review the file 'src/components/Button.js' 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 if my UI code meets accessibility standards?▼

To check if your UI code meets accessibility standards, you can audit your website components against established web interface guidelines. This process analyzes code to identify common accessibility issues and verifies compliance with modern web development best practices.

What does a web design guidelines code review cover?▼

A web design guidelines code review covers the analysis of user interface files for compliance with established web standards. It evaluates code for accessibility barriers, verifies adherence to design best practices, and assesses overall UI implementation quality.

How do I audit website components for design best practices?▼

You audit website components for design best practices by applying predefined web interface guidelines to your specified files. This reviews the UI code for accessibility compliance and ensures the user interface adheres to modern web development standards.

Can I review specific UI files for web interface compliance?▼

Yes, you can review specific UI files for web interface compliance by providing the file paths for analysis. The review fetches external guidelines and applies them to the specified files or patterns to check for accessibility and design best practice adherence.

When do I need an automated accessibility audit for my user interface?▼

You need an automated accessibility audit when ensuring a new website component is accessible and follows current design trends. It is applicable for auditing existing user interfaces and design implementations to verify adherence to web standards before deployment.

Related Skills

Explore More Design & Creative Skills→
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate
obada-jarasobada-jaras

web-design-guidelines

Review UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
raybargasraybargas

Frontend Accessibility

Enforce frontend accessibility compliance in web UI code.

Community
Basic
Higashi-KotaHigashi-Kota

a11y

Audits UI components for WCAG 2.2 AA and ARIA compliance.

Community
Intermediate