skills.rest
iEnergyy
iEnergyyCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Identify UI code compliance issues against Web Interface Guidelines.

Updated Apr 14, 2026
Search Tags:#accessibility#guidelines#web-design#ui-review#ux-audit
One-click install
npx skills add https://github.com/iEnergyy/opsflow --skill web-design-guidelines-ienergyy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/iEnergyy/opsflow/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/iEnergyy/opsflow --skill web-design-guidelines-ienergyy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure Web Interface Guidelines compliance across UI code by fetching the latest rules and evaluating your files against them.

Core Features & Use Cases

  • Fetch latest guidelines from the official source and keep checks up to date.
  • Read target files or patterns and apply all guideline rules to identify violations.
  • Output findings in the terse file:line format for quick remediation.

Quick Start

Provide the target UI files or patterns and run the guidelines check to generate a findings report.

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 best practices?▼

Audit UI code by fetching the latest web interface guidelines and parsing target files against them. The process identifies accessibility and UX compliance issues, reporting all findings in a terse file:line format for quick remediation.

What does a web design guidelines compliance check include?▼

A web design guidelines check includes fetching up-to-date official rules, parsing target UI files or patterns, and identifying violations across UI components, accessibility checks, and UX audits to ensure full compliance.

Can I run a UX audit on specific UI components and file patterns?▼

Yes, you can run a UX audit on specific UI components by providing the target UI files or file patterns. The check applies all guideline rules to those files and generates a detailed findings report.

Do I need to install dependencies to check web interface guidelines?▼

No dependencies are required to check web interface guidelines. The Skill operates independently to fetch the latest rules from the official source and evaluate your UI code without external setup.

How are accessibility violations reported during a UI review?▼

Accessibility violations are reported in a terse file:line format during a UI review. This output format pinpoints exact locations in the UI code, allowing developers to quickly locate and fix the compliance issues.

Related Skills

Explore More Design & Creative Skills→
msichtermanmsichterman

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines and report findings in file:line format.

Community
Intermediate
do-ob-iodo-ob-io

web-design-guidelines

Analyze HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic
kentojekentoje
2

ui-skills

Enforce UI constraints for accessible agent interfaces using Tailwind defaults.

Community
Basic
fdshg693fdshg693

copilot-test-skill

Validate Copilot integration with a minimal YAML frontmatter Skill unit.

Community
Basic