web-design-guidelines

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

5|Updated Oct 22, 2025
One-click install
npx skills add https://github.com/marchatton/agent-skills --skill web-design-guidelines-marchatton
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/marchatton/agent-skills/tree/main/.agents/skills/04-develop/00-frontend-general/web-design-guidelines
Command: npx skills add https://github.com/marchatton/agent-skills --skill web-design-guidelines-marchatton

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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 Review: Scans UI code against a comprehensive set of design and accessibility rules.
  • Guideline Compliance: Verifies adherence to best practices for web interfaces.
  • Use Case: When developing a new feature, use this Skill to audit the UI code for compliance before deployment, catching potential issues early.

Quick Start

Review the UI code in the 'src/components' directory for compliance with web design guidelines.

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 frontend code for UI accessibility and web standards compliance?

To audit frontend code for UI accessibility and web standards compliance, scan your source files against a defined set of remote Web Interface Guidelines. This automated design review checks your UI code for adherence to accessibility rules and UX best practices.

What is the best way to check if my UI code meets web design guidelines before deployment?

The best way to check if your UI code meets web design guidelines is to run an automated design review on specified files or directories. This verifies adherence to web standards and catches accessibility issues early before deployment.

Can I review specific UI component directories for accessibility and UX best practices?

Yes, you can review specific UI component directories for accessibility and UX best practices. The code audit applies fetched web standards rules to specified file patterns, verifying guideline compliance across your targeted frontend source code.

How does an automated design review verify adherence to web interface guidelines?

An automated design review verifies adherence to web interface guidelines by fetching a comprehensive set of remote rules and applying them to your UI code. This mechanism ensures your frontend development meets established accessibility and UX standards.

Do I need any external dependencies to perform a code audit for web standards?

No external dependencies are required to perform a code audit for web standards. The design review process fetches the necessary guidelines from a remote source directly, applying those defined rules to your specified UI files without additional setup.

Why should I use a remote guideline source for UX best practice verification?

Using a remote guideline source for UX best practice verification ensures your design review checks against a comprehensive, defined set of current web interface guidelines. This improves UI consistency and accessibility without maintaining local rule sets.