skills.rest
2good4me
2good4meCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines and accessibility best practices.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interfaces comply with established UI and accessibility best practices, improving user experience and usability.

Core Features & Use Cases

  • UI Code Review: Analyzes code against a set of predefined web interface guidelines.
  • Accessibility Checks: Identifies potential accessibility issues in the design.
  • Best Practice Audits: Reviews UX and design against industry standards.
  • Use Case: You've just finished a new feature's front-end code and want to ensure it meets accessibility standards before deployment.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.js' 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 audit my UI code for accessibility compliance?▼

You can audit UI code for accessibility compliance by applying rule-based analysis to your front-end files. This process reviews user interfaces against external web guidelines to identify potential accessibility issues and ensure adherence to design standards.

What is a UI code review for web guidelines?▼

A UI code review for web guidelines is a rule-based analysis of front-end development workflows. It checks specified files or patterns against established web interface guidelines to ensure compliance with accessibility best practices and improve user experience.

Can I check a specific component file for UX best practices?▼

Yes, you can check a specific component file for UX best practices. You apply rule-based analysis to specified files or patterns within your front-end code to identify potential accessibility issues and verify compliance with industry design standards.

Do I need external guideline documents to perform a design review?▼

Yes, you need external guideline documents to perform a design review. The process requires fetching these external resources to apply rule-based analysis to your UI code and ensure adherence to established accessibility and design standards.

When do I need to run an accessibility check on my front-end code?▼

You need to run an accessibility check on your front-end code when you have finished a new feature's user interface and want to ensure it meets web interface guidelines and accessibility standards before deployment.

What is the best way to ensure web interface compliance before deployment?▼

The best way to ensure web interface compliance before deployment is to run a rule-based code audit on your front-end files. This reviews your UI against fetched external guideline documents to identify and resolve potential accessibility issues.

Related Skills

Explore More Software Engineering Skills→
kunhai-88kunhai-88

web-design-guidelines

Reviews web interface code for design and accessibility guideline compliance.

Community
Intermediate
rajitsaharajitsaha
10

a11y-auditor

Audit web pages and UI components for WCAG 2.2 Level AA compliance.

Community
Advanced
gabriellpequenogabriellpequeno
8

web-design-guidelines

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

Community
Basic
hffmnnjhffmnnj
39

playwright-testing

Automate end-to-end UI testing for web applications with Playwright.

Community
Intermediate