skills.rest
Vishnugupta2711
Vishnugupta2711COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Fetch and apply Web Interface Guidelines to UI artifacts, reporting in file:line format.

1|1|Updated Mar 4, 2026
Search Tags:#frontend#usability#quality-assurance#design-review#web-accessibility#ui-guidelines
One-click install
npx skills add https://github.com/Vishnugupta2711/gigHood --skill web-design-guidelines-vishnugupta2711
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Vishnugupta2711/gigHood/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Vishnugupta2711/gigHood --skill web-design-guidelines-vishnugupta2711

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code and assets for compliance with Web Interface Guidelines to ensure accessible, consistent interfaces across web platforms.

Core Features & Use Cases

  • Guideline-driven audits: automatically fetch and apply the latest UI guidelines to code and designs.
  • Conformance checks: verify accessibility, contrast, responsive behavior, and interaction patterns against guidelines.
  • Use Case: Before a release, audit a web app UI to ensure it meets current accessibility standards and design best practices.

Quick Start

Run the guideline checker against your UI files to produce a concise 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 my web app UI for accessibility and design conformance?▼

To audit web app UI for accessibility and design conformance, fetch up-to-date Web Interface Guidelines and apply them directly to your UI artifacts, codebases, or live interfaces. The review checks for accessibility, consistency, and best practices, outputting results in a terse file:line format.

What is the best way to check if my frontend codebase meets web accessibility guidelines?▼

The best way to check if a frontend codebase meets web accessibility guidelines is to run a guideline-driven audit that fetches current standards and reads your specified files. It applies all rules to your code and reports conformance results concisely.

Can I review live interfaces and design systems for UI guidelines compliance?▼

Yes, you can review live interfaces and design systems for UI guidelines compliance. The audit fetches and applies up-to-date Web Interface Guidelines to your UI artifacts, verifying accessibility, contrast, and responsive behavior across web platforms.

Does the design review report include specific file and line numbers for accessibility issues?▼

Yes, the design review report includes specific file and line numbers for accessibility issues. After applying rules from fetched Web Interface Guidelines to your UI artifacts, it outputs all conformance results in a terse file:line format.

How do I ensure my web interface passes a pre-release quality assurance check?▼

To ensure your web interface passes a pre-release quality assurance check, audit your web app UI against current accessibility standards and design best practices. This involves fetching guidelines, applying all rules to your UI files, and reviewing the generated compliance report.

Related Skills

Explore More Design & Creative Skills→
caiohbfurtadocaiohbfurtado

web-design-guidelines

Analyze web interface codebases against remote design and accessibility guidelines.

Community
Intermediate
vobasevobase
59

audit

Audit UI interfaces for accessibility, performance, theming, and responsive design.

Official
Intermediate
Tea-4-LifeTea-4-Life

normalize

Normalize frontend UI features by replacing hard-coded values with design tokens.

Official
Intermediate
emilneuraz-aiemilneuraz-ai

web-design-guidelines

Audit UI code against Web Interface Guidelines and report findings in file:line format.

Community
Intermediate