skills.rest
IoT-VN
IoT-VNCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design compliance.

Updated Feb 11, 2026
Search Tags:#ui#code review#accessibility#frontend#web design#guidelines
One-click install
npx skills add https://github.com/IoT-VN/tuya-energy-dashboard --skill web-design-guidelines-iot-vn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/IoT-VN/tuya-energy-dashboard/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/IoT-VN/tuya-energy-dashboard --skill web-design-guidelines-iot-vn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interface code adheres to established web interface guidelines, improving consistency, accessibility, and overall user experience.

Core Features & Use Cases

  • Automated Review: Scans UI code against a comprehensive set of best practices.
  • Compliance Checking: Verifies adherence to accessibility standards and design principles.
  • Use Case: Developers can use this Skill to automatically audit their frontend code for potential design flaws or accessibility issues before deployment.

Quick Start

Use the web-design-guidelines skill to review the accessibility of 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 check my frontend code for web accessibility compliance?▼

To check frontend code for accessibility compliance, you can review your UI files against established web interface guidelines to automatically identify design flaws and accessibility issues. This skill fetches standards from a specified URL and audits your user interface patterns accordingly.

Can I audit a specific UI component file for web design best practices?▼

Yes, you can audit a specific UI component file for web design best practices by providing the file path, such as 'src/components/Button.tsx'. The skill scans the individual frontend file to verify adherence to established design principles.

What is the best way to automate UI code review for web standards?▼

The best way to automate UI code review for web standards is to fetch the latest guidelines from a specified URL and apply them to user-provided frontend patterns. This ensures your user interface code consistently meets accessibility and design requirements before deployment.

Do I need to provide a URL to review UI code for design guidelines?▼

Yes, providing a URL is required to review UI code for design guidelines. The skill requires fetching the latest web interface guidelines from that specified URL to accurately audit your frontend development files for compliance.

Does this UI code review work with any frontend framework?▼

This UI code review applies to general frontend development workflows and can process user-provided files like 'Button.tsx'. It audits user interface patterns against web standards, making it compatible with any framework that outputs UI code.

Why should I use an automated skill instead of manual code review for accessibility?▼

Using an automated skill for accessibility review ensures consistent verification of web interface guidelines across your entire frontend codebase. It scans for design flaws and compliance issues systematically, reducing human error before deployment.

Related Skills

Explore More Software Engineering Skills→
danilomartinellidanilomartinelli
1

web-design-guidelines

Audit frontend UI code against Web Interface Guidelines for accessibility compliance.

Community
Intermediate
MisonLMisonL
8

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Community
Intermediate
bohewubohewu
1

frontend-aesthetic-director

Guide frontend UI implementation and review for polish, responsiveness, and accessibility.

Community
Intermediate
alexzuoshalexzuosh

web-design-guidelines

Audit UI code against Web Interface Guidelines for compliance and accessibility.

Community
Basic