skills.rest
Jeffreyyvdb
JeffreyyvdbCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Check UI code for compliance with Web Interface Guidelines.

1|Updated Feb 27, 2026
Search Tags:#web development#code audit#web accessibility#design compliance#UI code review
One-click install
npx skills add https://github.com/Jeffreyyvdb/.dotfiles --skill web-design-guidelines-jeffreyyvdb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Jeffreyyvdb/.dotfiles/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Jeffreyyvdb/.dotfiles --skill web-design-guidelines-jeffreyyvdb

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill ensures that UI code complies with Web Interface Guidelines, enhancing accessibility and best practices.

Core Features & Use Cases

  • Guideline Compliance: Checks UI code against a set of web interface guidelines.
  • Accessibility Auditing: Assesses code for accessibility standards.
  • Design Best Practices: Verifies adherence to web design best practices.
  • Use Case: When a developer needs to review their UI code for compliance with Web Interface Guidelines.

Quick Start

Run the 'web-design-guidelines' skill with the file 'ui-code.js' to check for compliance.

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

To audit front-end UI code for web accessibility compliance, run this skill against your target file. It fetches web interface guidelines from a specified URL and checks your code to ensure it meets accessibility standards and design best practices.

What does a front-end design compliance audit cover?▼

A front-end design compliance audit covers guideline adherence, accessibility standards, and web design best practices. It evaluates your UI code to verify that front-end development workflows meet established web interface guidelines.

How do I run a UI code review for design best practices?▼

Run a UI code review for design best practices by executing the skill with your front-end file, such as 'ui-code.js'. It processes the file and checks its content against fetched web interface guidelines to verify design compliance.

Do I need to provide a URL for web interface guidelines auditing?▼

Yes, providing a URL is required for web interface guidelines auditing. The skill requires fetching and applying guidelines from a specified URL to accurately check your UI code for compliance.

Can I use this for an automated code audit in front-end development workflows?▼

Yes, this skill is applicable to front-end development workflows for an automated code audit. It assesses UI code to ensure accessibility and adherence to web design best practices during development.

What are the limitations of automated web accessibility checking?▼

Automated web accessibility checking focuses on verifying code against fetched web interface guidelines. It may not catch all subjective visual design flaws or dynamic runtime accessibility issues outside the static UI code analysis.

Related Skills

Explore More Software Engineering Skills→
mohamed-g-shoaibmohamed-g-shoaib

web-design-guidelines

Assesses UI files compliance with Web Interface Guidelines via WebFetch and reports findings by file:line.

Community
Intermediate
run6270run6270
1

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
GitnappGitnapp

web-design-guidelines

Reviews web interfaces for design guideline compliance and accessibility issues.

Community
Intermediate