skills.rest
MisLink
MisLinkCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Verify UI code against Web Interface Guidelines and report file:line findings.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI code often fails to follow the latest Web Interface Guidelines, leading to accessibility issues and inconsistent design quality.

Core Features & Use Cases

  • Guideline Retrieval: Automatically fetches the freshest guidelines before each review.
  • File Analysis: Scans provided UI files or patterns and checks every rule from the guidelines.
  • Terse Reporting: Outputs findings in a concise file:line format for quick fixes.
  • Use Case: When a designer wants to audit a new component library for accessibility compliance, this Skill pulls the current rules, evaluates the code, and pinpoints exact locations of violations.

Quick Start

Ask the skill to review my UI files for Web Interface Guidelines compliance.

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 my UI code for web accessibility compliance?▼

To audit UI code against Web Interface Guidelines, provide your component patterns to the skill. It retrieves the latest accessibility rules, evaluates every file against them, and outputs terse file:line findings pinpointing exact violations for quick fixes.

What is the best way to check UI patterns against the latest web interface guidelines?▼

Checking UI patterns against the latest web interface guidelines requires an automated skill that fetches fresh rules before each review. It evaluates your supplied code patterns and outputs concise file:line findings indicating exact violations.

Does this web design audit skill work with any UI code files I provide?▼

Yes, this web design audit skill works with any UI code files or patterns you provide. It fetches the latest Web Interface Guidelines, checks each supplied file against every rule, and produces terse file:line findings pinpointing exact violations.

How do I get file:line reports for web interface guideline violations in my UI code?▼

To get file:line reports for web interface guideline violations, supply your UI code to the skill. It fetches the latest accessibility rules, checks every file against them, and outputs terse file:line findings pinpointing exact locations of violations.

When do I need to run a web design guideline audit on my component library?▼

You need to run a web design guideline audit on your component library when you want to ensure accessibility compliance and consistent design quality. The skill pulls current Web Interface Guidelines, evaluates the code, and pinpoints exact violation locations.

Related Skills

Explore More Design & Creative Skills→
ian-pascoeian-pascoe
1

web-design-guidelines

Detect Web Interface Guidelines violations in UI code files.

Community
Intermediate
CwuztoCwuzto

web-design-guidelines

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

Community
Intermediate
nanorepublicananorepublica
61

Global Tech Stack

Validate code against centralized global tech stack standards.

Community
Basic
wojonswojons
4

accessibility-audit

Audit digital products for WCAG compliance and legal accessibility standards.

Community
Advanced