skills.rest
rizaldiem
rizaldiemCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Apr 5, 2026
Search Tags:#ui#accessibility#vercel#ux#code-review#web-guidelines#design-audit
One-click install
npx skills add https://github.com/rizaldiem/digital-invitation-web_V2 --skill web-design-guidelines-rizaldiem
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/rizaldiem/digital-invitation-web_V2/tree/main/.windsurf/skills/web-design-guidelines
Command: npx skills add https://github.com/rizaldiem/digital-invitation-web_V2 --skill web-design-guidelines-rizaldiem

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides an automated, repeatable review of UI code against a canonical set of Web Interface Guidelines so developers and designers can quickly identify accessibility, UX, and design consistency issues without manually checking each file.

Core Features & Use Cases

  • Fetches authoritative rules from a remote guidelines source before each run to ensure reviews use the latest standards.
  • File-level rule checks that scan specified files or patterns and report violations in a terse file:line format.
  • Use Case: A developer asks for a repository audit to detect accessibility violations and inconsistent UI patterns across components prior to a release.

Quick Start

Review the specified files for accessibility and 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 UI code for accessibility and UX compliance?▼

To audit UI code for accessibility, you can run a rule-based review against Web Interface Guidelines that scans source files and reports violations in a file:line format. This automates checking individual files or codebases for design consistency.

What is a web interface design audit?▼

A web interface design audit is an automated review process that fetches remote guideline rules to check UI code for accessibility, UX, and design best-practices. It outputs findings in a file:line format to highlight violations.

Can I review my entire codebase for UI design consistency?▼

Yes, you can review an entire codebase or individual files for UI design consistency. The review applies rule-based checks to specified source files and patterns to detect inconsistent UI patterns and accessibility violations.

Do I need network access to check web interface guidelines?▼

Yes, network access is required. The review fetches authoritative rules from a remote guidelines source before each run to ensure your UI code audits use the latest accessibility and design standards.

How do I find accessibility violations in my web components before release?▼

You can find accessibility violations in web components by running a design audit on your repository source files. It checks for compliance with Web Interface Guidelines and outputs findings in a file:line format prior to release.

Related Skills

Explore More Design & Creative Skills→
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate
AnvinX1AnvinX1

web-design-guidelines

Fetch Web Interface Guidelines and audit UI code for accessibility and design consistency.

Community
Intermediate
BozhidarN7BozhidarN7

web-design-guidelines

Review web UI code against current Vercel interface guidelines and accessibility standards.

Community
Intermediate
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate