skills.rest
birobirobiro
birobirobiroCOMMUNITY
Explore all skills by this author →
Website𝕏@birobirobirodevGitHub

web-design-guidelines

Review front-end code against Web Interface Guidelines for accessibility and design compliance.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Core Features & Use Cases

  • Automated Code Review: Scans specified files against a comprehensive 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's code for accessibility issues before it's merged, ensuring a better user experience for all.

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

To audit front-end code for accessibility and design compliance, you can use an automated review tool that scans your source files against established web interface guidelines to identify UI/UX deviations.

What is a UI code review for web interface guidelines?▼

A UI code review for web interface guidelines is an automated process that checks your front-end source files against fetched remote standards to ensure adherence to accessibility, usability, and design best practices.

Can I check a specific component file for accessibility issues before merging?▼

Yes, you can check a specific component file for accessibility issues by applying file pattern matching to scan individual source files, ensuring new components meet design and usability standards before integration.

Does the design review process require fetching guidelines from a remote URL?▼

Yes, the design review process requires fetching the latest web interface guidelines from a remote URL to ensure the code audit checks your front-end source against the most current accessibility and design standards.

What's the best way to prevent common UI and UX issues in a web codebase?▼

The best way to prevent common UI and UX issues in a web codebase is to run automated compliance checks that scan specified front-end files against comprehensive web interface design and accessibility guidelines.

Are there limitations to automated UX compliance checking for web interfaces?▼

Limitations of automated UX compliance checking include relying strictly on fetched remote guidelines and specified file patterns, meaning it may not catch subjective visual design flaws or issues outside the defined scope.

Related Skills

Explore More Design & Creative Skills→
thanhquan3010thanhquan3010

web-design-guidelines

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

Community
Intermediate
vijaychandar186vijaychandar186

web-design-guidelines

Assess UI code for Web Interface Guidelines compliance and flag violations.

Community
Intermediate
philo-grovesphilo-groves
12

maxtac-sast-control-flow-graph

Construct static analysis graphs for reachability, guard dominance, and path feasibility.

Community
Advanced
HouseofmvpsHouseofmvps
115

a11y

Detect and fix deterministic WCAG 2.2 A/AA accessibility violations in HTML files.

Community
Advanced