skills.rest
dappvibe
dappvibeCOMMUNITY
Explore all skills by this author →
𝕏@dappvibeGitHub

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

1|Updated Jan 16, 2026
Search Tags:#accessibility#usability#ui-review#design-audit#web-design-guidelines#ux-review
One-click install
npx skills add https://github.com/dappvibe/pexfi --skill web-design-guidelines-dappvibe
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/dappvibe/pexfi/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/dappvibe/pexfi --skill web-design-guidelines-dappvibe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams verify that UI code adheres to Web Interface Guidelines, reducing usability, accessibility, and consistency gaps before deployment.

Core Features & Use Cases

  • Align UI components with the latest guidelines to improve accessibility and usability.
  • Scan code for consistency in color contrast, typography, layout, and interaction patterns.
  • Use during reviews when asked to review UI, check accessibility, audit design, review UX, or check a site against best practices.

Quick Start

Provide the UI files or repository path to review, and I will assess them against the latest 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 accessibility and usability compliance?▼

To audit UI code for accessibility and usability, provide your UI files or repository path. The tool fetches the latest Web Interface Guidelines, evaluates the code against them, and reports findings with recommended fixes.

What is a UI design audit and how does it check web interfaces?▼

A UI design audit evaluates web interfaces by scanning code for compliance with Web Interface Guidelines. It checks consistency in color contrast, typography, layout, and interaction patterns, then reports findings with recommended fixes.

Can I review my entire site against web design best practices?▼

Yes, you can review a site against web design best practices by providing the UI files or repository path. The tool performs a site-wide design check, fetching current guidelines to evaluate the code and report necessary adjustments.

How do I check color contrast and typography consistency in my UI code?▼

To check color contrast and typography consistency in UI code, submit your UI files for a design audit. The evaluation scans code against Web Interface Guidelines and reports inconsistencies with recommended fixes.

Does this UI review tool require any specific dependencies or components?▼

No, this UI review tool requires no specific dependencies or components. You simply provide the UI files or repository path to review, and it fetches the latest guidelines to evaluate the code.

When should I run a UX evaluation on my web interface?▼

You should run a UX evaluation on your web interface before deployment to reduce usability, accessibility, and consistency gaps. Provide your UI files or repository path to assess them against the latest Web Interface Guidelines.

Related Skills

Explore More Design & Creative Skills→
gotargotar
26

brand-guidelines

Apply Anthropic brand colors and typography to documents, presentations, and UI components.

Community
Basic
Community-AccessCommunity-Access
387

Contrast Master

Audit color contrast and visual accessibility for WCAG AA compliance.

Official
Advanced
priyansh19priyansh19
1

design-guide

Establish and enforce CrewSpace UI design system standards across frontend components.

Community
Advanced
opencodosopencodos
14

web-design

Audit HTML, CSS, and JS for web interface guideline compliance.

Official
Intermediate