skills.rest
buisihung11
buisihung11COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Reviews UI code for compliance with Web Interface Guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency and quality.

Core Features & Use Cases

  • Automated Review: Scans code files against a predefined set of design and accessibility rules.
  • Compliance Checking: Verifies adherence to best practices for web interfaces.
  • Use Case: Developers can use this skill to automatically audit their UI components for accessibility issues and design standard compliance before deployment.

Quick Start

Use the web-design-guidelines skill to review 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 UI code for accessibility and web design compliance?▼

To check UI code for accessibility compliance, this skill scans your files against established Web Interface Guidelines, verifying front-end components for design best practices before deployment.

Can I use this skill to audit a specific front-end component file?▼

Yes, you can audit a specific front-end component file by specifying its path, such as 'src/components/Button.tsx', and the skill will analyze it against external web design guidelines.

What does automated UI code review for web design guidelines cover?▼

Automated UI code review for web design guidelines covers compliance checking for accessibility rules and design best practices, ensuring your user interface code maintains consistency and quality.

Do I need to provide external web interface guidelines for the code audit?▼

Yes, the skill requires fetching external guidelines to analyze your specified UI files against these predefined rules, applying the fetched standards to your front-end development workflow.

When should I run a web design guidelines check in my front-end workflow?▼

You should run a web design guidelines check during front-end development workflows and code audits before deployment, ensuring your UI components meet accessibility standards and design consistency requirements.

Related Skills

Explore More Design & Creative Skills→
ulasalyesilulasalyesil

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
coco-researchcoco-research
264

web-design-guidelines

Review UI code against Web Interface Guidelines and flag violations.

Community
Intermediate
Nir-BhayNir-Bhay
19

web-design-guidelines

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

Community
Intermediate
phuonghxphuonghx
1

web-design-guidelines

Audit front-end UI code against web interface guidelines for accessibility and usability.

Community
Intermediate