skills.rest
Paldom
PaldomCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance and report findings.

11|3|Updated Jun 10, 2025
Search Tags:#ui#accessibility#usability#review#web-guidelines#design-audit
One-click install
npx skills add https://github.com/Paldom/databricks-apps-fastapi-starter --skill web-design-guidelines-paldom
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Paldom/databricks-apps-fastapi-starter/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Paldom/databricks-apps-fastapi-starter --skill web-design-guidelines-paldom

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance, helping teams catch accessibility, usability, and consistency gaps before deployment.

Core Features & Use Cases

  • Guideline alignment: Compare UI components against latest web interface guidelines to identify deviations.
  • Accessibility checks: Surface potential accessibility issues (contrast, keyboard navigation, semantics) for remediation.
  • Design consistency audits: Flag design inconsistencies across pages or components to improve UX consistency.
  • Use Case: A UI team uses this to audit a new dashboard page against guidelines to ensure accessible color contrast and proper landmark usage.

Quick Start

Run a guidelines check on the target UI files to surface accessibility and design conformance issues.

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

To audit UI code for web guidelines compliance, apply this skill to your frontend project files. It fetches the latest web interface guidelines, reads targeted code, and reports accessibility and usability deviations in a terse file:line format.

What is a web interface guidelines design audit?▼

A web interface guidelines design audit reviews your UI components against the latest standards to identify accessibility gaps, usability flaws, and design inconsistencies before deployment, ensuring your frontend project remains consistent and compliant.

Can I use this for accessibility checks on a frontend dashboard?▼

Yes, you can run accessibility checks on frontend dashboards or any UI project. The skill evaluates color contrast, keyboard navigation, and semantic markup, reporting issues in a concise file:line format for targeted remediation.

What's the best way to check UI components for design consistency?▼

The best way to check UI components for design consistency is to run this skill across your targeted files or patterns. It flags inconsistencies across pages and interactions, verifying conformance with the latest web guidelines.

Do I need to provide web guideline files to run a UX review?▼

No, you do not need to provide external web guideline files to run a UX review. The skill automatically fetches the latest web interface guidelines, applies all rules to your UI code, and surfaces relevant findings.

Related Skills

Explore More Design & Creative Skills→
trungtnmtrungtnm

web-design-guidelines

Audits frontend HTML, CSS and JS files for UI compliance gaps using Web Interface Guidelines.

Community
Intermediate
AnvinX1AnvinX1

web-design-guidelines

Fetch Web Interface Guidelines and audit UI code for accessibility and design consistency.

Community
Intermediate
aaddrickaaddrick
5.3k

lint

Lint shell scripts with shellcheck and GitHub Actions workflows with actionlint.

Community
Basic
Anuj23105Anuj23105
1

accessibility-auditing

Tests web page and UI component accessibility compliance with WCAG 2.1 AA/AAA standards.

Community
Advanced