skills.rest
Temp-37538
Temp-37538COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Feb 10, 2026
Search Tags:#code quality#accessibility#ui review#design audit#ux#web guidelines
One-click install
npx skills add https://github.com/Temp-37538/moderniptvplayer --skill web-design-guidelines-temp-37538
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Temp-37538/moderniptvplayer/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Temp-37538/moderniptvplayer --skill web-design-guidelines-temp-37538

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that web interface code adheres to established design and accessibility best practices, preventing common UI/UX issues before deployment.

Core Features & Use Cases

  • Automated Code Review: Scans UI code against a comprehensive set of web interface guidelines.
  • Accessibility Auditing: Checks for common accessibility violations.
  • Design Consistency: Verifies adherence to established design patterns and standards.
  • Use Case: A developer can use this skill to quickly audit a new component's UI code to ensure it meets the company's accessibility and design standards.

Quick Start

Use the web-design-guidelines skill to review the UI code in the file 'src/components/Button.tsx'.

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

To audit front-end code for UI and accessibility compliance, use this Skill to scan specified file paths against fetched external web interface guidelines and design best practices, returning a comprehensive code review.

What is the best way to review UI code for design consistency?▼

The best way to review UI code for design consistency is to apply an automated design audit that verifies your components against established web guidelines, preventing common UX issues before deployment.

Can I check a single component file for web interface guideline violations?▼

Yes, you can check a single component file for web interface guideline violations by providing the specific file pattern, such as 'src/components/Button.tsx', for the Skill to review and fetch matching definitions.

Does this UI review tool work with external design standard definitions?▼

Yes, this UI review tool works with external design standard definitions by fetching guideline definitions during the audit process and applying them to your front-end development workflow.

What accessibility checks are included in a UI code review?▼

Accessibility checks included in a UI code review involve scanning your front-end code to identify and prevent common accessibility violations, ensuring your user interfaces adhere to established standards.

Related Skills

Explore More Software Engineering Skills→
sabyunreposabyunrepo

web-design-guidelines

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

Community
Intermediate
citywalkicitywalki

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report violations.

Community
Intermediate
Objective-ArtsObjective-Arts

build

Automate software development from planning through coding, quality gating, and verification.

Official
Advanced
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate