skills.rest
bhanukushwah
bhanukushwahCOMMUNITY
Explore all skills by this author →
Website𝕏@imbhanukushwahGitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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

  • Automated Code Review: Scans UI code against a predefined set of web interface guidelines.
  • Compliance Checking: Identifies deviations from accessibility, usability, and design standards.
  • Use Case: A developer can use this skill to quickly audit a new component or a set of pages to ensure they meet the project's design system and accessibility requirements before deployment.

Quick Start

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

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

To audit UI code for accessibility and design best practices, you can use a specialized skill to scan frontend files against established web interface guidelines. It automatically identifies deviations from usability and design standards.

What is a web design audit and how does it ensure UI compliance?▼

A web design audit is an automated code review process that checks frontend components against predefined web interface guidelines. It ensures UI compliance by fetching the latest standards from a specified URL and applying them to your files.

Can I check a specific component file for adherence to web interface guidelines?▼

Yes, you can check a specific component file for adherence to web interface guidelines by providing the file path to the audit tool. It will review the provided pattern and report any accessibility or usability issues found.

Do I need to provide a URL to run a UI review on my frontend codebase?▼

Yes, you need to provide a URL to run a UI review because the tool fetches the latest web interface guidelines from that specified location. This ensures the code review checks your frontend codebase against the most current standards.

What is the best way to prevent common UI and UX issues before deployment?▼

The best way to prevent common UI and UX issues before deployment is to run an automated design audit on your new components. This scans your code against accessibility and usability standards to catch deviations early.

Does this design audit work with any frontend codebase or only specific frameworks?▼

This design audit applies to auditing frontend codebases generally by reviewing user-provided files or patterns. As long as you supply the UI code files, it can check them against the fetched web guidelines.

Related Skills

Explore More Design & Creative Skills→
riethmayerriethmayer
2

web-design-guidelines

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

Community
Intermediate
45black-Limited45black-Limited
1

ui-fix

Generate UI patches or instructions from design-system and WCAG compliance reviews.

Official
Advanced
ShauryaUdayMisraShauryaUdayMisra

web-design-guidelines

Check UI code compliance against Web Interface Guidelines.

Community
Advanced
mhfedmhfed

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Community
Intermediate