skills.rest
konneh-hub
konneh-hubCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/konneh-hub/Result-fastresult --skill web-design-guidelines-konneh-hub
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
NextSpark-jsNextSpark-js

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Official
Intermediate
chlmmchlmm

web-design-guidelines

Analyze web interface code against guideline rules and accessibility standards.

Community
Intermediate
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
Ikki-GroupIkki-Group

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and output findings in file:line format.

Official
Intermediate