skills.rest
boomNDS
boomNDSCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

Updated Mar 27, 2024
Search Tags:#ui#accessibility#audit#guidelines#ux#web-design
One-click install
npx skills add https://github.com/boomNDS/new_portfolio --skill web-design-guidelines-boomnds
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/boomNDS/new_portfolio/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/boomNDS/new_portfolio --skill web-design-guidelines-boomnds

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams verify that UI code complies with Web Interface Guidelines, reducing accessibility issues and UX gaps early in the design process.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source.
  • Scan specified UI files or patterns for guideline violations.
  • Report findings in a concise file:line format to aid quick remediation.
  • Use cases include accessibility audits, UX reviews, and design QA across large codebases.

Quick Start

Provide the UI files to review, and I will fetch the latest guidelines and report any violations.

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 accessibility and UX compliance?▼

To audit UI code for web accessibility and UX compliance, provide your UI files and the tool fetches the latest Web Interface Guidelines to report violations in a concise file:line format for quick remediation.

Can I scan specific UI components and styles for design guideline violations?▼

Yes, you can scan specific UI components, pages, and styles for design guideline violations by providing the files or using pattern-based file selection to target relevant code across your project.

What is the best way to run a design QA check across a large codebase?▼

The best way to run a design QA check across a large codebase is to apply pattern-based file selection to your UI files, dynamically fetching the latest rules to identify accessibility and UX gaps early.

How does the web design audit reporting format work?▼

The web design audit reporting format outputs findings in a terse file:line structure, pinpointing exactly where UI code violates Web Interface Guidelines so developers can quickly locate and fix accessibility or UX issues.

Do I need to manually update accessibility rules to run a UX review?▼

No, you do not need to manually update accessibility rules to run a UX review because the tool dynamically fetches the latest Web Interface Guidelines from the official source before applying them to your provided files.

Are there limitations when using web design guidelines for component audits?▼

A limitation of using web design guidelines for component audits is that the tool strictly reports violations in a file:line format, meaning you must manually implement the suggested rule-based remediations in your codebase.

Related Skills

Explore More Design & Creative Skills→
jonnathan-lsjonnathan-ls

web-design-guidelines

Compare web project files against Web Interface Guidelines to identify UI compliance issues.

Community
Intermediate
patrickhaahrpatrickhaahr

web-design-guidelines

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

Community
Basic
ev3rlitev3rlit

web-design-guidelines

Audit UI code against fetched Web Interface Guidelines and output file:line findings.

Community
Intermediate
Emitax123Emitax123

web-design-guidelines

Review UI code files against dynamically fetched Web Interface Guidelines.

Community
Basic