skills.rest
mikeyfennelly1
mikeyfennelly1COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

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

Core Features & Use Cases

  • Compliance Review: Automatically checks UI code against a defined set of design and accessibility rules.
  • Automated Auditing: Identifies deviations from best practices, providing specific line-by-line feedback.
  • Use Case: A developer can use this Skill to quickly audit a new component or a set of UI files before merging to ensure it meets the project's design standards.

Quick Start

Use the web-design-guidelines skill to review the accessibility of the attached file 'button.js'.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review UI code for accessibility and best practices?▼

Use this Skill to automatically audit specified UI code files for accessibility compliance, identifying deviations from Web Interface Guidelines and providing specific line-by-line feedback on best practices.

What does automated UI code auditing check for during front-end development?▼

Automated UI code auditing checks front-end components against defined design and accessibility rules, ensuring user interface code meets established project standards before merging.

Can I check a specific component file against web design guidelines?▼

Yes, you can check a specific component file by fetching external guideline definitions and applying them to the specified UI code file for a comprehensive design audit.

Do I need to provide external guideline definitions for a design audit?▼

Yes, providing external guideline definitions is required because the design audit process fetches these established rules and applies them directly to your specified UI code files for compliance checking.

When should I run a design compliance check on my front-end code?▼

Run a design compliance check to audit new UI components or sets of front-end files before merging, ensuring they meet project design standards and accessibility best practices.

Related Skills

Explore More Design & Creative Skills→
maedmattmaedmatt
3

web-design-guidelines

Analyze UI code for Web Interface Guidelines and accessibility compliance.

Community
Basic
mcggEzmcggEz

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance.

Community
Intermediate
sidjamylsidjamyl

web-design-guidelines

Review UI code files against Web Interface Guidelines for accessibility and design compliance.

Community
Intermediate
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate