web-design-guidelines

Review UI code files against dynamically fetched Web Interface Guidelines.

Updated Aug 25, 2025
One-click install
npx skills add https://github.com/Emitax123/MajobaSyS --skill web-design-guidelines-emitax123
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Emitax123/MajobaSyS/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Emitax123/MajobaSyS --skill web-design-guidelines-emitax123

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the review of UI code to ensure compliance with established Web Interface Guidelines, catching potential design and accessibility issues early.

Core Features & Use Cases

  • Automated Code Review: Scans specified files against a dynamic set of UI best practices.
  • Compliance Checking: Verifies adherence to accessibility, usability, and design standards.
  • Use Case: When a developer needs to ensure their new component's UI is accessible and follows company design patterns before merging, they can use this skill to get a quick audit.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.js' 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 audit my UI code for web design compliance?

To audit UI code for web design compliance, you can scan specified frontend files against dynamically fetched Web Interface Guidelines. This automated review checks for accessibility issues and design best practice violations before merging components.

Can I check frontend accessibility using automated code reviews?

Yes, you can check frontend accessibility through automated code reviews. The process fetches the latest external guideline documents and applies pattern matching against your code files to verify adherence to usability and accessibility standards.

What is a UI code audit for web design guidelines?

A UI code audit for web design guidelines is an automated process that scans frontend files to ensure they meet established design and accessibility standards. It dynamically fetches external rule documents to catch potential compliance issues early.

Does this web design review work with any frontend code files?

Yes, this web design review works with specified frontend code files provided to the scanner. It requires dynamic fetching of external guideline documents to perform pattern matching and verify accessibility and design best practices across your components.

When do I need to run an accessibility check on my UI components?

You need to run an accessibility check on your UI components when you want to ensure new interfaces follow company design patterns before merging. This verifies adherence to web interface guidelines and catches usability and design issues early in development.

How do I verify design best practices in my frontend components?

You can verify design best practices in frontend components by scanning the files against a dynamic set of UI rules. This compliance checking fetches the latest external pattern guidelines and applies them directly to your code to identify violations.