skills.rest
m4mayz
m4mayzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Reviews front-end code for compliance with Web Interface Guidelines.

Updated Aug 23, 2026
Search Tags:#ui#code review#accessibility#ux#design guidelines#web interface
One-click install
npx skills add https://github.com/m4mayz/sparta-maintenance --skill web-design-guidelines-m4mayz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/m4mayz/sparta-maintenance/tree/main/.github/skills/web-design-guidelines
Command: npx skills add https://github.com/m4mayz/sparta-maintenance --skill web-design-guidelines-m4mayz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that web interface code adheres to established design and accessibility best practices, preventing common UI/UX issues.

Core Features & Use Cases

  • Automated Code Review: Scans specified files against a comprehensive set of web interface guidelines.
  • Compliance Checking: Verifies adherence to accessibility standards and design best practices.
  • Use Case: A developer can use this skill to quickly audit a new component's UI code before merging to ensure it meets the company's design system and accessibility requirements.

Quick Start

Review the UI code in the file 'src/components/Button.tsx' 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 review front-end UI code for accessibility and design compliance?▼

To review front-end UI code for accessibility and design compliance, this Skill automatically scans specified component files against fetched web interface guidelines, verifying adherence to established UX best practices.

Can I audit a specific component file for UI design guidelines before merging?▼

Yes, you can audit a specific component file by specifying its path, such as 'src/components/Button.tsx', to quickly check its UI code against web interface guidelines and ensure it meets design system requirements.

What is automated UI code review for web interfaces?▼

Automated UI code review for web interfaces is the process of scanning front-end codebases to verify compliance with accessibility standards and design best practices, preventing common UI/UX issues before deployment.

Does this UI code review work with any front-end codebase?▼

Yes, this UI code review applies to auditing front-end codebases generally, specifically targeting individual components and pages to ensure they meet established web interface guidelines.

How do I check if my web interface meets accessibility standards?▼

To check if your web interface meets accessibility standards, the Skill fetches external web interface guidelines and applies them to your specified files, performing compliance checking on your UI code.

Why do I need to fetch external guidelines for UI code compliance checking?▼

Fetching external guidelines for UI code compliance checking is required to apply a comprehensive, up-to-date set of web interface standards and accessibility best practices against your specified front-end files.

Related Skills

Explore More Design & Creative Skills→
alixexalixex
4

web-design-guidelines

Review UI code against web interface guidelines for accessibility and design compliance.

Official
Intermediate
citywalkicitywalki

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report violations.

Community
Intermediate
791994545791994545
4

web-design-guidelines

Check UI code for compliance with Web Interface Guidelines.

Community
Basic
dthuy62dthuy62

ck:web-design-guidelines

Review UI code against web interface guidelines and report violations in file:line format.

Community
Intermediate