skills.rest
ShaulLavo
ShaulLavoCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against remote Web Interface Guidelines rules.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall user experience.

Core Features & Use Cases

  • Automated Review: Scans specified files or patterns against a comprehensive set of UI best practices.
  • Compliance Checking: Verifies adherence to rules fetched from a remote source, ensuring up-to-date standards.
  • Use Case: When you need to audit a new feature's UI for accessibility issues or ensure it aligns with your company's design system before deployment.

Quick Start

Review the UI code in the 'src/components' directory 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 my UI code for web design guidelines compliance?▼

Web interface guidelines compliance is checked by fetching the latest rules from a remote source and applying them to your specified local files. The Skill parses your code to verify adherence to up-to-date design and accessibility standards.

What is the best way to automate an accessibility audit for UI code?▼

The best way to automate an accessibility audit is by scanning your specified UI files against remotely fetched web interface guidelines. This verifies adherence to UX best practices and identifies design inconsistencies automatically.

Can I review a specific directory for UX best practices?▼

You can review a specific directory by providing a file pattern like 'src/components' to the Skill. It parses those local files and applies the fetched web interface rules to verify your UI code meets UX best practices.

Does the web design review require fetching external guidelines?▼

Yes, the web design review requires fetching external guidelines from a remote source. This ensures the compliance checks applied to your local UI files are measured against the most up-to-date web standards.

When do I need to run a web interface design audit?▼

You need to run a web interface design audit when ensuring a new feature's UI aligns with your company's design system or checking for accessibility issues before deployment. It verifies code compliance with fetched rules.

Related Skills

Explore More Design & Creative Skills→
ScarletFishScarletFish

web-design-guidelines

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

Community
Intermediate
GuanezGuanez

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines and accessibility standards.

Community
Intermediate
modu-aimodu-ai
1.2k

moai-foundation-quality

Orchestrate TRUST 5 validation and best-practices enforcement across multi-language CI/CD workflows.

Official
Advanced
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced