skills.rest
Khoiwall
KhoiwallCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit HTML, CSS, and design assets against Web Interface Guidelines.

Updated Feb 5, 2026
Search Tags:#ui#accessibility#frontend#audit#guidelines#web#design-review
One-click install
npx skills add https://github.com/Khoiwall/be_vidify --skill web-design-guidelines-khoiwall
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Khoiwall/be_vidify/tree/main/.opencode/skill/web-design-guidelines
Command: npx skills add https://github.com/Khoiwall/be_vidify --skill web-design-guidelines-khoiwall

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance. This capability helps teams identify deviations from current rules and ensure interfaces meet established usability and accessibility standards.

Core Features & Use Cases

  • Fetches the latest guidelines from the source URL
  • Reads user-provided files or patterns to audit
  • Outputs findings in a terse, file:line format suitable for reviews
  • Use cases include UI reviews, accessibility checks, design QA, and pre-release audits

Quick Start

Provide the files to review and let the skill fetch guidelines to analyze them.

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 front-end project for UI and accessibility guideline violations?▼

To audit front-end projects for UI and accessibility violations, provide your HTML and CSS files to the skill. It fetches the latest web interface guidelines and outputs structured findings in a concise file:line format.

Can I run a design review using the latest web interface guidelines?▼

Yes, you can run a design review by fetching the latest web interface guidelines from a source URL. The skill compares your provided design assets against current rules to identify usability deviations.

What is the best way to check if my HTML and CSS code meets established accessibility standards?▼

The best way to check HTML and CSS code against accessibility standards is an automated design QA fetch. It retrieves current rules and outputs structured findings in a concise file:line format suitable for pre-release audits.

Do I need to manually provide web design guidelines for the code review?▼

No, you do not need to manually provide web design guidelines. The skill integrates WebFetch to automatically retrieve the latest guidelines from the source URL before analyzing your specified files or patterns.

How does the design audit output its findings for pre-release reviews?▼

The design audit outputs findings in a terse, file:line format. This structured output maps UI guideline violations directly to your provided files, making it suitable for code and design reviews.

Related Skills

Explore More Design & Creative Skills→
kevinxo328kevinxo328
5

web-design-guidelines

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

Community
Intermediate
brainbrewlabsbrainbrewlabs
7

web-design-guidelines

Audit HTML, CSS, and JavaScript files against Web Interface Guidelines.

Official
Intermediate
xrplevmxrplevm
1

web-design-guidelines

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

Official
Intermediate
alexwoxalexwox

web-design-guidelines

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

Community
Intermediate