skills.rest
Benmore-Studio
Benmore-StudioOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Fetch Web Interface Guidelines and report deviations in UI files.

1|Updated Jan 28, 2026
Search Tags:#a11y#frontend#design-review#web-accessibility#design-audit#ui-guidelines
One-click install
npx skills add https://github.com/Benmore-Studio/Benmore-Meridian --skill web-design-guidelines-benmore-studio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Benmore-Studio/Benmore-Meridian/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/Benmore-Studio/Benmore-Meridian --skill web-design-guidelines-benmore-studio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI teams struggle to ensure designs comply with Web Interface Guidelines across codebases. This skill helps auditors quickly verify UI assets against official standards.

Core Features & Use Cases

  • Fetch the latest guidelines from the official source before each review.
  • Read target files or patterns and apply all guideline rules.
  • Output findings in a concise file:line format suitable for reviews and ticketing.
  • Use Case: perform accessibility audits on a website, review design parity with guidelines, or validate new components.

Quick Start

Provide a UI review against the latest Web Interface Guidelines for the target project.

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 components for web accessibility and visual consistency?▼

To audit UI components for web accessibility and visual consistency, the skill reads target files, fetches current Web Interface Guidelines, compares rules, and generates a concise, line-numbered report of deviations.

What is a design audit for frontend UI files?▼

A design audit for frontend UI files is a review process that identifies deviations from Web Interface Guidelines. This skill fetches official rules, applies them to your code, and outputs findings in a file:line format.

Can I perform a UI design review across multiple web projects?▼

Yes, you can perform a UI design review across multiple web projects. The skill applies accessibility, responsiveness, and visual consistency checks to UI files, components, and pages.

How do I check a11y compliance for my website code?▼

To check a11y compliance for your website code, the skill fetches the latest official Web Interface Guidelines and applies them to read files, comparing rules to report accessibility issues line by line.

Does the accessibility audit require external dependencies?▼

No, the accessibility audit requires no external dependencies. The skill fetches the latest rules directly from the official source before each review to validate your UI assets.

How do I report UI deviations for ticketing and reviews?▼

To report UI deviations for ticketing and reviews, the skill outputs a concise file:line format report. It identifies accessibility, responsiveness, and visual consistency issues suitable for direct integration into your review workflow.

Related Skills

Explore More Design & Creative Skills→
raphaelmansraphaelmans

web-design-guidelines

Audit web UI files against official Web Interface Guidelines and report findings in file:line format.

Community
Intermediate
patrickhaahrpatrickhaahr

web-design-guidelines

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

Community
Basic
psdjungpulzzepsdjungpulzze

ui-design

Validate UI code against design-system standards and generate compliant components.

Community
Advanced
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate