skills.rest
WdanielB
WdanielBCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

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

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

  • Compliance Checking: Audits UI code against a predefined set of web design best practices.
  • Accessibility Review: Identifies potential accessibility issues within the interface.
  • Use Case: A developer can use this Skill to automatically check a new component's code against Vercel's Web Interface Guidelines before merging it into the main branch.

Quick Start

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

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 web design guideline compliance?▼

To check UI code for web design guideline compliance, you can review specified front-end files against external Web Interface Guidelines to identify accessibility issues and enforce consistency.

What is a web interface accessibility review for front-end components?▼

A web interface accessibility review analyzes your front-end component code to identify potential accessibility issues and ensure adherence to established UI design best practices.

Can I use this to audit a specific UI component file before merging?▼

Yes, you can audit a specific UI component file by applying the skill to analyze targeted file patterns, ensuring the interface code meets web standards before merging into the main branch.

Does the UI code review fetch external guidelines automatically?▼

Yes, the UI code review fetches external Web Interface Guidelines automatically to analyze your specified front-end files and verify adherence to defined accessibility and design rules.

What are the limitations of automated UX and accessibility code reviews?▼

Automated UX and accessibility code reviews are limited to analyzing specified files against fetched guidelines, meaning they may not catch runtime visual regressions or complex interactive UX logic.

Related Skills

Explore More Software Engineering Skills→
itsmichaelwestitsmichaelwest
1

web-design-guidelines

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

Community
Intermediate
gaia-reactgaia-react
21

a11y-fixes

Resolve axe-core accessibility violations with standardized WCAG AA code patterns.

Official
Intermediate
Lev-itLev-it

web-design-guidelines

Automate UI code review against the Web Interface Guidelines.

Official
Advanced
matteocervellimatteocervelli
25

accessibility-checker

Identify and report WCAG 2.1 Level AA accessibility violations on web pages.

Community
Advanced