skills.rest
victor-teles
victor-telesCOMMUNITY
Explore all skills by this author →
Website𝕏@engineerdesoftGitHub

web-design-guidelines

Fetch web interface guidelines and report UI compliance issues in file:line format.

1|Updated Feb 11, 2026
Search Tags:#ui#consistency#accessibility#audit#guidelines#web-design
One-click install
npx skills add https://github.com/victor-teles/oh-my-query --skill web-design-guidelines-victor-teles
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/victor-teles/oh-my-query/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/victor-teles/oh-my-query --skill web-design-guidelines-victor-teles

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps ensure UI code adheres to established Web Interface Guidelines, enabling consistent, accessible, and maintainable interfaces across projects.

Core Features & Use Cases

  • Fetch and apply the latest guidelines to UI files.
  • Read target files or patterns, run checks, and surface issues in a concise file:line format.
  • Use case: audit a component library to verify contrast, semantic HTML, and keyboard navigation compliance.

Quick Start

Provide the files or pattern to review and run this skill to fetch guidelines and produce a compliance report.

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 web interface accessibility and consistency?▼

To audit UI code, this skill fetches web interface guidelines via WebFetch, reads target UI files or patterns, and outputs compliance findings in a concise file:line format. It checks contrast, semantic HTML, and keyboard navigation issues.

What is the best way to check a component library against web design guidelines?▼

The best way is running this skill against your UI codebase. It enforces web interface guidelines across component library files, surfacing compliance issues in a file:line format to ensure consistent, accessible, and maintainable interfaces.

Can I review semantic HTML and keyboard navigation compliance in my UI files?▼

Yes, you can review semantic HTML and keyboard navigation compliance in your UI files. The skill applies fetched web interface guidelines to your codebase and produces a report detailing exactly where compliance issues occur.

Does the web design audit work without specific dependencies?▼

Yes, the web design audit works without specific dependencies. It requires no components or dependencies to run, needing only your target UI files or patterns to review and fetch guidelines to produce the compliance report.

How do I get a compliance report in file:line format for my UI codebase?▼

To get a compliance report in file:line format, provide your target files or patterns to this skill. It fetches web interface guidelines via WebFetch, runs checks against your UI codebase, and outputs findings directly.

Related Skills

Explore More Design & Creative Skills→
emersoftwareemersoftware
1

web-design-guidelines

Analyze UI source code for compliance with Web Interface Guidelines.

Community
Intermediate
jrmatherlyjrmatherly

web-design-guidelines

Analyze HTML/CSS/JS files for accessibility and design guideline compliance.

Community
Basic
GainInsightDevGainInsightDev

af-write-rtl-tests

Generate React Testing Library tests for UI behavior and accessibility.

Official
Intermediate
ladinglogichqladinglogichq

web-design-guidelines

Audit web UI assets for compliance with Web Interface Guidelines.

Official
Intermediate