skills.rest
rupamkairi
rupamkairiCOMMUNITY
Explore all skills by this author →
Website𝕏@RupamKairiGitHub

web-design-guidelines

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interfaces adhere to established web interface guidelines, improving consistency, accessibility, and overall user experience.

Core Features & Use Cases

  • Automated Code Review: Scans UI code against a predefined set of best practices and accessibility standards.
  • Guideline Fetching: Automatically retrieves the latest guidelines from a specified source to ensure reviews are up-to-date.
  • Use Case: When you need to quickly check if a new component or a set of files meets your team's design and accessibility standards before deployment.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/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 audit UI code for accessibility and UX best practices compliance?▼

To audit UI code for accessibility and UX best practices compliance, use this skill to scan your specified files or patterns against fetched web interface guidelines, ensuring your components meet established standards before deployment.

What is a design audit for web interface guidelines?▼

A design audit for web interface guidelines is an automated code review that checks your UI components against predefined accessibility standards and UX best practices, helping improve overall consistency and user experience.

Can I review a single component file for accessibility standards before deployment?▼

Yes, you can review a single component file for accessibility standards by specifying the target file path, such as 'src/components/Button.js', and the skill will fetch external guidelines and apply them to that specific file.

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

You can check if your UI meets established web accessibility standards by running an automated review that fetches the latest external guidelines and evaluates your specified code patterns against those design and accessibility benchmarks.

Does this automated UI review work with any frontend codebase?▼

Yes, the automated UI review works with any frontend codebase where you can specify file paths or patterns, fetching external web interface guidelines and applying them to audit your UI code regardless of the specific framework.

Related Skills

Explore More Design & Creative Skills→
riethmayerriethmayer
2

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

Community
Intermediate
tyk-labtyk-lab

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
nicolanoviellnicolanoviell
2

code-review

Review code changes for bugs, style issues, and best practices.

Community
Intermediate
konneh-hubkonneh-hub

web-design-guidelines

Review UI code against fetched Web Interface Guidelines for compliance.

Community
Intermediate