web-design-guidelines

Review UI code against web interface guidelines and report file-and-line violations.

Updated Jun 15, 2026
One-click install
npx skills add https://github.com/giovi1998/SitoPreventivo --skill web-design-guidelines-giovi1998
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/giovi1998/SitoPreventivo/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/giovi1998/SitoPreventivo --skill web-design-guidelines-giovi1998

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you verify whether UI code follows current web interface best practices, catching accessibility, UX, and design issues before they ship.

Core Features & Use Cases

  • Guideline-based review: Checks frontend files against the latest web interface rules.
  • Actionable findings: Returns concise file-and-line issues that are easy to fix.
  • Use cases: Review landing pages, forms, navigation, component libraries, and pre-release UI changes for compliance.

Quick Start

Ask this Skill to review the specified UI files against the latest web interface guidelines and report any violations in terse file-line format.

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 code for accessibility and UX violations?

To audit frontend code for accessibility and UX violations, review your UI files against current web interface guidelines to identify design and compliance issues. This Skill checks components, landing pages, forms, and navigation, returning concise file-and-line findings for easy fixes.

What is a UI review against web design guidelines?

A UI review against web design guidelines is the process of checking frontend interfaces for compliance with current best practices. It catches accessibility, design, and UX issues in components, landing pages, and forms before they ship to production.

Can I use this to check landing pages and forms before release?

Yes, you can use this to check landing pages and forms before release. It applies to pre-release UI changes and component libraries, verifying browser interfaces against the latest web interface rules and reporting violations in a terse file-line format.

What's the best way to run a UX audit on browser interfaces?

The best way to run a UX audit on browser interfaces is to fetch the latest guideline set and review your UI code against it. This process identifies specific accessibility and UX violations aligned with current rules, producing actionable file-and-line findings.

Do I need to provide the web interface guidelines for the audit?

No, you do not need to manually provide the web interface guidelines for the audit. The Skill requires fetching the latest guideline set internally to ensure compliance checks are aligned with the most current web interface best practices.