skills.rest
AymerickTilly
AymerickTillyCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for Web Interface Guidelines compliance and accessibility issues.

Updated May 11, 2026
Search Tags:#code review#best practices#accessibility#web design#UX audit
One-click install
npx skills add https://github.com/AymerickTilly/TrueFit --skill web-design-guidelines-aymericktilly
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/AymerickTilly/TrueFit/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/AymerickTilly/TrueFit --skill web-design-guidelines-aymericktilly

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps ensure that UI code meets Web Interface Guidelines compliance, providing checks for accessibility, design, and UX best practices.

Core Features & Use Cases

  • Guideline Compliance: Automatically checks UI code against the latest Web Interface Guidelines.
  • Accessibility Review: Identifies potential accessibility issues in UI code.
  • Design Audit: Validates design elements and UX best practices.
  • Use Case: When asked to review a UI codebase for compliance, use this Skill to quickly identify and address non-compliant elements.

Quick Start

Run the web-design-guidelines skill with the file 'ui-code.js' to check for compliance with the 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?▼

To check UI code for web design guidelines compliance, the Skill automates reviews against the latest guidelines from a specified source URL, requiring a file or pattern to scan to identify non-compliant elements.

What is a UX audit for web interface code?▼

A UX audit for web interface code is an automated process that validates design elements and UX best practices, using this Skill to quickly identify and address non-compliant elements in a UI codebase.

Can I automatically identify accessibility issues in UI code?▼

Yes, you can automatically identify accessibility issues in UI code by running this Skill, which checks UI code against the latest Web Interface Guidelines to flag potential accessibility problems.

Do I need a specific file format to scan for web design best practices?▼

You need to provide a file or pattern to scan for web design best practices, and the Skill will check it against the latest guidelines from the specified source URL to validate compliance.

What's the best way to automate a code review for UI compliance?▼

The best way to automate a code review for UI compliance is using this Skill to scan your codebase against the latest Web Interface Guidelines, checking for accessibility, design, and UX best practices simultaneously.

Why does my UI codebase fail accessibility checks?▼

Your UI codebase may fail accessibility checks due to non-compliant elements, which this Skill identifies by validating UI code against the latest Web Interface Guidelines for accessibility issues and UX best practices.

Related Skills

Explore More Software Engineering Skills→
BangjjackBangjjack

web-design-guidelines

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

Official
Intermediate
J-StaR-Films-StudiosJ-StaR-Films-Studios
23

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Official
Intermediate
JaiminVadadoriyaJaiminVadadoriya
1

emil-design-eng

Apply Emil Kowalski's design engineering principles to UI/UX workflows.

Community
Intermediate
angelriera-devangelriera-dev

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Intermediate