skills.rest
SiddharthChillale
SiddharthChillaleCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Reviews frontend code against web interface guidelines and accessibility standards.

1|Updated Feb 22, 2026
Search Tags:#accessibility#vercel#ux#ui-review#web-guidelines#design-audit
One-click install
npx skills add https://github.com/SiddharthChillale/cloud-operations-reasoning-agent --skill web-design-guidelines-siddharthchillale
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/SiddharthChillale/cloud-operations-reasoning-agent/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/SiddharthChillale/cloud-operations-reasoning-agent --skill web-design-guidelines-siddharthchillale

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates reviewing frontend files for conformity with the Web Interface Guidelines and common accessibility and UX best practices, reducing manual checklist work and catching issues early in development.

Core Features & Use Cases

  • Fetch and apply canonical rules: Retrieve the latest rules from the Vercel Web Interface Guidelines and interpret them as audit checks.
  • File-pattern targeted reviews: Read specified files or glob patterns and evaluate each rule against code and markup.
  • Terse, actionable output: Emit findings in concise file:line format so results are easy to triage or feed into CI and code review workflows.
  • Use case: A frontend engineer or designer requests an automated audit of components and static pages to identify accessibility violations and guideline deviations before merging.

Quick Start

Review all files matching src/components/** for accessibility issues and output findings in the terse file:line format.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate an accessibility audit for frontend components?▼

This Skill automates an accessibility audit by fetching Vercel Web Interface Guidelines, evaluating your frontend files or glob patterns against each rule, and outputting findings in terse file:line format.

What is the best way to check a web interface for UX best practices before merging?▼

Checking a web interface for UX best practices involves applying canonical rules to your code. This Skill retrieves the latest guidelines, evaluates your static site files or components, and outputs concise guidance to catch issues early in development.

Can I use this to review a component library for Vercel Web Interface Guidelines compliance?▼

Yes, you can review a component library for Vercel Web Interface Guidelines compliance. The Skill applies each rule to your provided codebase patterns and outputs actionable findings in a file:line format.

How do I get web accessibility audit results in a format suitable for CI workflows?▼

To get web accessibility audit results suitable for CI workflows, this Skill emits findings in a terse file:line format. This concise output structure is designed to be easily fed into CI pipelines and code review workflows.

Does this UI review tool require any external dependencies or specific setup?▼

No, this UI review tool requires no external dependencies or specific setup. It operates by fetching the latest rules from a specified URL and reading your provided frontend files directly to perform the audit.

Related Skills

Explore More Design & Creative Skills→
alexwoxalexwox

web-design-guidelines

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

Community
Intermediate
Citrus-bitCitrus-bit
135

web-design-guidelines

Review UI code against the Web Interface Guidelines and output file:line violation reports.

Community
Intermediate
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
tedtv1007-ctrltedtv1007-ctrl

playwright-testing

Automate browser-based end-to-end testing with Playwright.

Community
Advanced