skills.rest
pratikrath126
pratikrath126COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Fetch UI files and evaluate them against Web Interface Guidelines for accessibility and UX compliance.

42|3|Updated Feb 13, 2026
Search Tags:#ui#accessibility#review#guidelines#ux#web-design
One-click install
npx skills add https://github.com/pratikrath126/ai-image-detector --skill web-design-guidelines-pratikrath126
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/pratikrath126/ai-image-detector/tree/main/.agent/kit-skills/web-design-guidelines
Command: npx skills add https://github.com/pratikrath126/ai-image-detector --skill web-design-guidelines-pratikrath126

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams ensure UI implementations adhere to Web Interface Guidelines by continuously validating designs and code against published rules.

Core Features & Use Cases

  • Fetches the latest Web Interface Guidelines from the source URL and loads the current rules for evaluation.
  • Reads target files or patterns provided by the user and applies all guideline checks to those assets.
  • Generates concise findings highlighting accessibility, UX, and performance conformance, enabling quick remediation.

Quick Start

Provide the UI files or patterns to review and let the skill fetch the latest guidelines and perform the compliance check.

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 frontend files for UI accessibility and UX compliance?▼

To audit UI accessibility and UX compliance, provide your frontend files or directory patterns for evaluation. The skill fetches current Web Interface Guidelines, reads the target assets, and returns a concise structured report highlighting conformance findings.

What is the best way to run a design review against web interface guidelines?▼

Running a design review against web interface guidelines involves validating your UI implementations versus published rules. This skill retrieves the latest remote rules, applies them to your specified UI assets, and generates terse findings for quick remediation.

Can I check UX best practices across multiple project directories?▼

You can check UX best practices across multiple project directories by specifying file patterns for the skill to read. It applies all fetched guideline checks to those target assets and reports accessibility, UX, and performance conformance in a structured format.

Does this accessibility review require installing external dependencies?▼

This accessibility review requires no external dependencies to install. It retrieves rules directly from a remote source URL and evaluates your provided UI files against those fetched Web Interface Guidelines to ensure compliance.

What format does the UI compliance report use for design reviews?▼

The UI compliance report uses a concise, structured, and terse format suitable for design reviews. It highlights accessibility, UX, and performance conformance findings to enable quick remediation of your frontend assets.

Related Skills

Explore More Design & Creative Skills→
marchattonmarchatton
5

web-design-guidelines

Review UI code against Web Interface Guidelines fetched from a remote source.

Community
Intermediate
ZawHlaingPhyoTsukiZawHlaingPhyoTsuki

web-design-guidelines

Audit frontend UI files for Web Interface Guidelines violations.

Community
Intermediate
TeiNamTeiNam
12

laravel-verification

Automate Laravel project verification for CI/CD pipelines.

Community
Advanced
yoshisadayoshisada

kiln-ux-evaluate

Automate UX evaluations of web apps with screenshots and structured reports.

Community
Advanced