skills.rest
mkloz
mklozCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

Updated Feb 23, 2026
Search Tags:#accessibility#design standards#code compliance#UX audit#UI code review
One-click install
npx skills add https://github.com/mkloz/teamforge-frontend --skill web-design-guidelines-mkloz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/mkloz/teamforge-frontend/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/mkloz/teamforge-frontend --skill web-design-guidelines-mkloz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill assists in maintaining compliance with Web Interface Guidelines, addressing concerns such as accessibility, design, and UX standards during code reviews.

Core Features & Use Cases

  • Compliance Check: Automatically verify UI code against the latest Web Interface Guidelines.
  • Accessibility Audits: Evaluate code for accessibility compliance to ensure inclusive design.
  • Design and UX Review: Facilitate thorough design and user experience reviews.

Quick Start

Review your UI code with the web-design-guidelines skill.

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

You can check UI code compliance by running an automated audit against fetched Web Interface Guidelines. This Skill evaluates front-end code to ensure it meets accessibility, design, and UX standards during code reviews.

What is a UI code review for web design guidelines?▼

A UI code review for web design guidelines is an automated assessment that verifies front-end code adherence to accessibility and UX standards. It identifies compliance gaps to ensure inclusive and consistent web interfaces.

Can I use this for automated front-end accessibility audits?▼

Yes, you can use this for automated front-end accessibility audits. It evaluates your UI code against established Web Interface Guidelines to detect compliance issues without requiring manual inspection.

Does this UI code review work without external dependencies?▼

Yes, this UI code review works without external dependencies. It relies on scripts to fetch the necessary Web Interface Guidelines and perform compliance checks directly within your front-end development workflow.

What is the best way to automate UX audits for front-end development?▼

The best way to automate UX audits is by integrating a compliance check script into your front-end workflow. This automatically verifies UI code against design and accessibility standards during development.

Related Skills

Explore More Design & Creative Skills→
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
jaypatrickjaypatrick

web-accessibility-audit

Automate WCAG accessibility audits and generate remediation guidance for web applications.

Community
Advanced
murphytruemanmurphytrueman
155

cicd-integration

Generate CI/CD pipeline configurations for design system quality checks.

Community
Advanced
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate