skills.rest
J-StaR-Films-Studios
J-StaR-Films-StudiosOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

23|5|Updated Nov 5, 2025
Search Tags:#accessibility#web design#code audit#design validation#UI compliance
One-click install
npx skills add https://github.com/J-StaR-Films-Studios/VibeCode-Protocol-Suite --skill web-design-guidelines-j-star-films-studios
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/J-StaR-Films-Studios/VibeCode-Protocol-Suite/tree/main/assets/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/J-StaR-Films-Studios/VibeCode-Protocol-Suite --skill web-design-guidelines-j-star-films-studios

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps identify non-compliance with Web Interface Guidelines in UI code, aiding in accessibility and design audits.

Core Features & Use Cases

  • Compliance Review: Checks UI code against the latest Web Interface Guidelines.
  • Accessibility Audit: Ensures UIs are accessible to all users.
  • Design Auditing: Validates UI design against best practices.
  • Use Case: When reviewing a UI codebase, use this Skill to automatically check for compliance issues and get a detailed report.

Quick Start

Run the 'web-design-guidelines' skill on your project's UI code to check for 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 accessibility and design compliance?▼

Run an automated compliance review on your UI codebase against the latest Web Interface Guidelines to identify non-compliant elements and generate a detailed accessibility design validation report.

What is the best way to validate UI design against web interface best practices?▼

Fetch the latest Web Interface Guidelines and apply them directly to your codebase to automatically check for design compliance issues and validate UI best practices.

Can I automatically check my codebase for non-compliant UI elements?▼

Yes, you can automatically check your codebase for non-compliant UI elements by running a compliance review script that compares your UI code directly against current Web Interface Guidelines.

Does a web design code audit require fetching external guidelines?▼

Yes, a web design code audit requires fetching the latest guidelines from a specified URL to accurately identify non-compliant UI elements and apply current accessibility standards to the codebase.

When do I need to run a design validation check on my UI code?▼

Run a design validation check when reviewing a UI codebase to ensure accessibility and identify non-compliance with Web Interface Guidelines before final deployment.

Related Skills

Explore More Software Engineering Skills→
BangjjackBangjjack

web-design-guidelines

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

Official
Intermediate
hpsgdhpsgd

accessibility-audit

Audit web UI codebases for WCAG 2.1 AA compliance and generate remediation reports.

Official
Advanced
Ayushman-11Ayushman-11

ui-visual-validator

Validate UI modifications through visual regression testing and design system compliance.

Community
Advanced
syusamasyusama
4

web-design-guidelines

Check UI code compliance with Web Interface Guidelines via static analysis.

Community
Intermediate