skills.rest
kjaylee
kjayleeCOMMUNITY
Explore all skills by this author →
Website𝕏@kjayleeGitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

1|Updated Jan 31, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/kjaylee/misskim-skills --skill web-design-guidelines-kjaylee
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/kjaylee/misskim-skills/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/kjaylee/misskim-skills --skill web-design-guidelines-kjaylee

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving accessibility, usability, and overall design quality.

Core Features & Use Cases

  • Automated Compliance Checks: Reviews UI code against a comprehensive set of web design best practices.
  • Accessibility Audits: Identifies potential accessibility issues within the code.
  • Design Consistency: Helps maintain a consistent and high-quality user experience across web interfaces.
  • Use Case: You've developed a new component and want to ensure it meets accessibility standards and general best practices before deployment.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.jsx' for compliance.

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 my UI code for web design guideline compliance?▼

To check UI code for web design guideline compliance, use this Skill to review your provided files or patterns against the latest Web Interface Guidelines fetched from a specified URL, identifying accessibility and best practice violations.

What is an accessibility audit for front-end components?▼

An accessibility audit for front-end components is an automated compliance check that reviews UI code to identify potential accessibility issues and ensure adherence to established web design best practices before deployment.

How do I review React components for UX and accessibility best practices?▼

To review React components for UX and accessibility best practices, provide your component files like 'src/components/Button.jsx' to the Skill, which fetches the latest guidelines and applies them to your code patterns.

Does this UI code review tool require a specific URL to fetch web interface guidelines?▼

Yes, this UI code review tool requires fetching the latest guidelines from a specified URL to accurately evaluate your provided front-end files or patterns against current web standards and accessibility requirements.

Can I use this for a pre-deployment design audit of a new component?▼

Yes, you can use this for a pre-deployment design audit of a new component to ensure it meets accessibility standards and maintains design consistency, improving overall usability and user experience quality.

Related Skills

Explore More Design & Creative Skills→
riethmayerriethmayer
2

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

Community
Intermediate
beemanbeeman
12

web-design-guidelines

Evaluate web UI components against Web Interface Guidelines for compliance.

Community
Intermediate
WesleyMarinhoWesleyMarinho

web-design-guidelines

Review UI code against Web Interface Guidelines and accessibility standards.

Community
Intermediate
evandrodevbrevandrodevbr
1

web-design-guidelines

Review web interfaces for design, usability, and accessibility compliance issues.

Community
Intermediate