web-design-guidelines

Review UI code against fetched Web Interface Guidelines for compliance.

Updated Mar 13, 2026

Search Tags:#ui #accessibility #design review #code audit #guidelines #ux

Ready to run

npx skills add https://github.com/konneh-hub/Result-fastresult --skill web-design-guidelines-konneh-hub

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/konneh-hub/Result-fastresult/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/konneh-hub/Result-fastresult --skill web-design-guidelines-konneh-hub

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that user interface code adheres to established web interface guidelines, improving consistency and quality.

Core Features & Use Cases

Compliance Review: Audits UI code against a set of predefined best practices and guidelines.
Accessibility Checks: Identifies potential accessibility issues within the design.
Use Case: When you need to ensure your new website component meets accessibility standards and design best practices before deployment.

Quick Start

Review the file 'src/components/Button.jsx' for compliance with web interface 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 check if my UI code meets web design guidelines?▼

You can audit UI code for accessibility by submitting files like 'src/components/Button.jsx' for review. The Skill analyzes the code against external web interface guidelines to identify potential accessibility issues.

What is the best way to perform a UX review on a website component?▼

Yes, you can review React components like 'src/components/Button.jsx' for compliance. The Skill applies rule-based analysis to your specified code files to ensure they meet web interface guidelines.

Do I need to provide my own design system rules for a code audit?▼

No, you do not need to provide your own design system rules for a code audit. The Skill requires fetching external guidelines and automatically applies those latest fetched rules to your UI code files.

Why does my UI code fail accessibility checks during a design review?▼

Your UI code fails accessibility checks during a design review when specified files violate fetched web interface guidelines. The Skill identifies these specific compliance issues within your design code for you to fix.