skills.rest
dblodorn
dblodornCOMMUNITY
Explore all skills by this author →
Website𝕏@DblodornGitHub

web-design-guidelines

Analyzes frontend code for compliance with accessibility and web design standards, returning detected issues and affected files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that web interface code adheres to established design and accessibility guidelines, improving user experience and compliance.

Core Features & Use Cases

  • UI Code Review: Analyzes code against a set of predefined web interface guidelines.
  • Accessibility Audits: Checks for common accessibility issues.
  • Best Practice Compliance: Verifies adherence to UX and design best practices.
  • Use Case: A developer can use this skill to quickly audit a new component's UI code before it's merged, ensuring it meets the company's standards.

Quick Start

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

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

To check UI code for accessibility and design best practices, you can audit specified front-end files against predefined web interface guidelines using rule-based checks. This ensures components meet established UX and compliance standards before merging.

What is involved in a front-end UX and accessibility audit?▼

A front-end UX and accessibility audit involves analyzing user interface code to verify compliance with established design guidelines and best practices. It applies rule-based checks to identify issues affecting user experience and accessibility compliance.

Can I use automated rule-based checks to review web interface guidelines for specific files?▼

Yes, you can apply automated rule-based checks to review web interface guidelines for specific files or patterns. This allows you to target individual components, like a button component, and verify their design consistency.

Do I need to fetch external guideline documents to audit UI code?▼

Yes, auditing UI code requires fetching external guideline documents to apply rule-based checks against your specified files. These external references provide the established standards needed for verifying accessibility and UX best practices.

What is the best way to ensure design consistency in front-end components?▼

The best way to ensure design consistency in front-end components is to audit their UI code against predefined web interface guidelines. This verifies adherence to design best practices and accessibility standards before merging.

Related Skills

Explore More Software Engineering Skills→
kunhai-88kunhai-88

web-design-guidelines

Reviews web interface code for design and accessibility guideline compliance.

Community
Intermediate
tnunamaktnunamak

web-design-guidelines

Review web UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate
kevindreekevindree

browser-testing-with-devtools

Inspect live DOM, console, network, and accessibility data via Chrome DevTools MCP.

Community
Advanced