skills.rest
PedrFelip
PedrFelipCOMMUNITY
Explore all skills by this author →
Website𝕏@pdrdotdevGitHub

web-design-guidelines

Review UI files for compliance with Web Interface Guidelines.

Updated Jan 13, 2026
Search Tags:#design#ui#accessibility#audit#compliance#guidelines#web
One-click install
npx skills add https://github.com/PedrFelip/portfolio --skill web-design-guidelines-pedrfelip
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/PedrFelip/portfolio/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/PedrFelip/portfolio --skill web-design-guidelines-pedrfelip

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI files for compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Fetch latest guidelines from the source and apply them to local UI code
  • Validate components, patterns, and accessibility attributes against the guidelines
  • Use Case: A designer or developer wants to audit a new UI screen for accessibility and consistency with the guidelines.

Quick Start

Follow the guidelines to review your UI assets against the latest Web Interface Guidelines.

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 Web Interface Guidelines compliance?▼

To audit UI code for Web Interface Guidelines compliance, fetch the latest guidelines from the official source, apply them to local UI assets and patterns, and generate a concise, line-numbered report identifying non-compliance.

What is Web Interface Guidelines compliance for UI components?▼

Web Interface Guidelines compliance ensures UI components, patterns, and accessibility attributes meet the latest official standards, validating codebases to guarantee accessibility and consistency across local UI assets.

Can I validate accessibility attributes against the latest web design guidelines?▼

Yes, you can validate accessibility attributes by fetching the latest guidelines from the official source and applying them directly to local UI code to ensure accessibility and consistency.

What's the best way to check UI patterns for accessibility and consistency?▼

The best way to check UI patterns for accessibility and consistency is to fetch the latest Web Interface Guidelines, read relevant local UI files, and produce a concise, line-numbered non-compliance report.

Do I need any dependencies to review UI files for Web Interface Guidelines?▼

No dependencies are required to review UI files for Web Interface Guidelines. The process independently fetches the latest guidelines from the official source and applies them to your local UI patterns.

Related Skills

Explore More Design & Creative Skills→
kensleDevkensleDev

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design compliance.

Community
Intermediate
Benmore-StudioBenmore-Studio
1

web-design-guidelines

Fetch Web Interface Guidelines and report deviations in UI files.

Official
Intermediate
vuminhieuvuminhieu

web-design-guidelines

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

Community
Intermediate
NammDevNammDev
2

web-design-guidelines

Audit frontend HTML/CSS/JS code for Web Interface Guidelines compliance and accessibility issues.

Community
Intermediate