skills.rest
alfredosalzillo
alfredosalzilloCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Fetch Web Interface Guidelines and validate UI files against all rules.

2|Updated Aug 23, 2019
Search Tags:#accessibility#frontend#audit#compliance#web-design#design-guidelines#ui-review
One-click install
npx skills add https://github.com/alfredosalzillo/alfredosalzillo.github.io --skill web-design-guidelines-alfredosalzillo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/alfredosalzillo/alfredosalzillo.github.io/tree/main/.junie/skill/web-design-guidelines
Command: npx skills add https://github.com/alfredosalzillo/alfredosalzillo.github.io --skill web-design-guidelines-alfredosalzillo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams verify that UI code complies with the latest web interface guidelines, automating consistency checks across design and accessibility criteria.

Core Features & Use Cases

  • Fetches and applies current Web Interface Guidelines to target files.
  • Reports violations in a concise file:line format suitable for code reviews.
  • Supports frontend design reviews, accessibility audits, and UX QA tasks.

Quick Start

Run a UI review on the target project to compare code against the latest Web Interface 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 frontend code for accessibility and design compliance?▼

To audit frontend code for accessibility and design compliance, this skill fetches the latest web interface guidelines, reads your specified UI files, and checks them against all rules to output concise findings suitable for code reviews and UX QA tasks.

What is the best way to automate UI reviews against web design guidelines?▼

Automating UI reviews against web design guidelines involves fetching current rules from a remote source and validating your frontend codebase against them. This skill outputs violations in a concise file:line format, automating consistency checks across design and accessibility criteria.

How does this skill report accessibility violations for code reviews?▼

It reports accessibility violations in a concise file:line format suitable for code reviews. By validating your UI files against fetched web interface guidelines, it provides actionable findings that streamline frontend design reviews and UX QA tasks without manual checks.

Do I need any dependencies to run a web design compliance audit?▼

No dependencies are required to run a web design compliance audit. The skill operates independently by fetching the latest rules from a remote guideline source and reading your target UI files directly to perform the validation checks.

Can I use this for UX QA tasks on an existing frontend codebase?▼

Yes, you can use this for UX QA tasks on an existing frontend codebase. It applies to design reviews and accessibility audits by reading your specified UI files and checking them against all rules in the latest web interface guidelines to ensure components meet standards.

Related Skills

Explore More Design & Creative Skills→
marchattonmarchatton
5

web-design-guidelines

Review UI code against Web Interface Guidelines fetched from a remote source.

Community
Intermediate
Community-AccessCommunity-Access
387

lighthouse-bridge

Parse Lighthouse CI reports and track accessibility score regressions.

Official
Advanced
JaiminVadadoriyaJaiminVadadoriya
1

web-design-guidelines

Review UI code compliance with Web Interface Guidelines.

Community
Basic
NVIDIANVIDIA
33

accessibility

Automate accessibility audits for web components using ESLint and axe-core.

Official
Advanced