skills.rest
IdkwhatImD0ing
IdkwhatImD0ingCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

Updated Jan 5, 2025
Search Tags:#accessibility#design systems#ui review#web standards#ux audit#guideline compliance
One-click install
npx skills add https://github.com/IdkwhatImD0ing/PortfolioV3 --skill web-design-guidelines-idkwhatimd0ing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/IdkwhatImD0ing/PortfolioV3/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/IdkwhatImD0ing/PortfolioV3 --skill web-design-guidelines-idkwhatimd0ing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams quickly identify whether user interface code complies with Web Interface Guidelines, reducing manual review effort and catching usability issues earlier.

Core Features & Use Cases

  • Guideline Compliance Review: Checks UI files against the latest Web Interface Guidelines before results are reported.
  • Accessibility and UX Audits: Useful when you want to review a page, component, or file pattern for design quality and best-practice alignment.
  • Terse Findings Output: Returns issues in a compact file:line style so developers can act on them immediately.

Quick Start

Ask this skill to review the specified files or file pattern against the latest Web Interface Guidelines and return any findings in terse file:line format.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run an accessibility audit on my UI code?▼

To run an accessibility audit, you request a review of your specified UI files or file patterns. The system fetches the latest web standards, inspects the code, and returns accessibility and UX findings in a terse file:line format.

What is a UI review against web standards?▼

A UI review against web standards is the process of checking user interface code for compliance with Web Interface Guidelines. It catches usability issues and design-system misalignments early by applying the latest accessibility and UX rules.

Can I check design-system compliance for specific file patterns?▼

Yes, you can check design-system compliance by specifying target files or file patterns. The review applies to the requested paths, inspecting them against fetched guidelines and returning any violations in a compact file:line format.

Does this UX audit fetch the latest web interface guidelines automatically?▼

Yes, the UX audit fetches the latest guideline source automatically before each review. This ensures that accessibility checks and design-system reviews always evaluate your code against the most current web standards.

What is the best way to get actionable results from a guideline compliance review?▼

The best way to get actionable results is to request output in the native terse file:line format. This compact reporting style maps violations directly to your codebase, allowing developers to locate and fix usability issues immediately.

Do I need any dependencies to perform a UX check on my files?▼

No dependencies are required to perform a UX check. You simply provide the UI files or file patterns for review, and the system handles fetching the web standards and returning the findings without external components.

Related Skills

Explore More Design & Creative Skills→
noni2shenoni2she
1

web-design-guidelines

Audit web UI source files against Web Interface Guidelines for accessibility compliance.

Community
Basic
aifuxiaifuxi
437

web-design-guidelines

Audit UI code against Web Interface Guidelines for compliance gaps.

Community
Intermediate
gil-kapelgil-kapel
2

ui-design-system

Generates design tokens and documentation for scalable UI systems.

Community
Intermediate
jscott3201jscott3201
2

code-standards

Audit source files against language-specific coding standards and graph-based conventions.

Community
Advanced