skills.rest
AndyAnh174
AndyAnh174COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against web interface guidelines fetched from a URL.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interface code adheres to established design and accessibility guidelines, improving the quality and consistency of user interfaces.

Core Features & Use Cases

  • Automated Review: Scans UI code against a set of predefined web interface guidelines.
  • Compliance Checking: Identifies areas where the code deviates from best practices for user experience and accessibility.
  • Use Case: A developer can use this skill to audit a new component's UI code before it's merged, ensuring it meets the project's design system and accessibility standards.

Quick Start

Review the UI code in the file 'src/components/Button.tsx' for compliance with web interface guidelines.

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

Checking UX against best practices involves scanning your UI code for compliance with established web interface guidelines. The skill fetches the latest rules from a specified URL and analyzes your files to identify areas where the code deviates from accessibility standards.

Can I review React component code against custom web interface guidelines?▼

Yes, you can review React component code against custom web interface guidelines by specifying the file path. The skill fetches the latest rules from a provided URL and analyzes the component's UI code to ensure it meets your project's design system standards.

What is the best way to ensure UI code meets web standards before a merge?▼

The best way to ensure UI code meets web standards before a merge is to run an automated review against predefined web interface guidelines. This checks your design and accessibility compliance, highlighting any deviations from established best practices.

Do I need to provide a URL to review UI code for accessibility standards?▼

Fetching external guidelines is required to review UI code, as the skill applies the latest rules retrieved from a specified URL. This ensures the accessibility and UX audit checks your code against the most current web interface standards.

Related Skills

Explore More Design & Creative Skills→
BangjjackBangjjack

web-design-guidelines

Review UI code against Web Interface Guidelines and report findings in file:line format.

Official
Intermediate
akillnessakillness
40

web-design-guidelines

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

Community
Intermediate
austinjanaustinjan

web-design-guidelines

Check UI code compliance with Web Interface Guidelines for accessibility.

Community
Intermediate
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate