skills.rest
MediaAskeyDOJO
MediaAskeyDOJOCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines and accessibility.

Updated Aug 23, 2026
Search Tags:#accessibility#ui review#web design#code audit#guidelines#ux
One-click install
npx skills add https://github.com/MediaAskeyDOJO/sakuteki-site --skill web-design-guidelines-mediaaskeydojo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/MediaAskeyDOJO/sakuteki-site/tree/main/.skills/source/web-design-guidelines
Command: npx skills add https://github.com/MediaAskeyDOJO/sakuteki-site --skill web-design-guidelines-mediaaskeydojo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design and accessibility best practices, preventing common UI/UX issues.

Core Features & Use Cases

  • UI Code Review: Analyzes code against a set of predefined web interface guidelines.
  • Accessibility Checks: Identifies potential accessibility problems in the design.
  • Best Practice Audits: Verifies adherence to general web design best practices.
  • Use Case: A developer can use this skill to quickly audit a new component's code before merging to ensure it meets the team's UI standards.

Quick Start

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

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 front-end code for accessibility and UI guideline compliance?▼

To audit front-end code for accessibility and UI compliance, you can review your UI components against established web interface guidelines to identify design best practice violations. This process analyzes specified files to detect rule violations before merging.

What is a UI code review for web design guidelines?▼

A UI code review for web design guidelines is the process of analyzing front-end codebases against predefined standards to ensure adherence to established accessibility and UX best practices, preventing common interface issues.

How do I check if a new component meets web accessibility standards before merging?▼

You can check if a component meets web accessibility standards by running a code audit on the specified file, such as 'src/components/Button.js', to identify potential accessibility problems and verify adherence to team UI standards.

Does this UI review process require fetching external guidelines?▼

Yes, the UI review process requires fetching external guidelines to analyze your specified front-end files against those established web interface rules and detect any accessibility or design violations.

What are the limitations of automated best practice audits for web interfaces?▼

Automated best practice audits for web interfaces analyze code against predefined guidelines but may not catch complex context-specific UX issues, focusing primarily on established rule violations and accessibility problems in the codebase.

Related Skills

Explore More Software Engineering Skills→
mohamed-g-shoaibmohamed-g-shoaib

web-design-guidelines

Assesses UI files compliance with Web Interface Guidelines via WebFetch and reports findings by file:line.

Community
Intermediate
run6270run6270
1

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
Adelie-SquadAdelie-Squad
17

creative-frontend

Develop reusable UI components with design-system tokens across React, Vue, and Angular.

Official
Advanced
mustafazeydanimustafazeydani

accessibility

Automate web accessibility audits against WCAG 2.2 guidelines using Lighthouse.

Community
Advanced