skills.rest
zamansepeti43
zamansepeti43COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Reviews UI code files against Vercel Web Interface Guidelines and reports findings.

Updated Sep 1, 2026
Search Tags:#accessibility#ui review#vercel#code audit#ux#design guidelines#web interface
One-click install
npx skills add https://github.com/zamansepeti43/c-rak-agent --skill web-design-guidelines-zamansepeti43
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/zamansepeti43/c-rak-agent/tree/main/video-engine/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/zamansepeti43/c-rak-agent --skill web-design-guidelines-zamansepeti43

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Manually auditing UI code for accessibility and design best practices is slow and inconsistent. This Skill automates the review by fetching the latest Web Interface Guidelines and checking your files against every rule. ## Core Features & Use Cases - Guideline-Based Review: Fetches the current Web Interface Guidelines from the vercel-labs repository before each audit, so rules are always up to date. - File or Pattern Targeting: Reviews specific files or glob patterns you provide, and prompts you when no target is given. - Terse Findings Output: Reports violations in a compact file:line format for quick triage. - Use Case: Before shipping a new React page, ask for a UI review to catch accessibility issues, missing alt text, or design guideline violations with exact line references. ## Quick Start Review my UI components in src/components for accessibility and design guideline 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 review my UI code for accessibility issues?▼

Provide a file path or glob pattern for your UI files, and the Skill fetches the latest Web Interface Guidelines, then checks each file against all rules. Findings are reported in a compact file:line format for quick fixes.

What design guidelines does this UI review check against?▼

It checks against the Web Interface Guidelines maintained in the vercel-labs/web-interface-guidelines GitHub repository. The rules are fetched fresh before each review, so audits always use the current version.

Can I review multiple UI files at once?▼

Yes, you can pass a file pattern to review multiple files in one run. If you do not specify any files, the Skill asks which files you want reviewed before proceeding.

Does the UI review work offline?▼

No, the review requires network access because it fetches the latest guidelines from a remote GitHub URL before each audit. Without connectivity, the rules cannot be retrieved and the review cannot run.

What output format does the UI audit produce?▼

Findings are output in a terse file:line format as specified by the fetched guidelines. Each violation points to the exact file and line number so you can navigate directly to the issue.

Related Skills

Explore More Design & Creative Skills→
allthingslinuxallthingslinux
4

web-design-guidelines

Evaluate UI files against Web Interface Guidelines and report violations.

Official
Basic
hanzoaihanzoai

web-design-guidelines

Identify UI guideline violations in web code and assets.

Official
Intermediate
Ramprasad4121Ramprasad4121
1

audit-prep-assistant

Prepare codebases for security review with static analysis and documentation.

Community
Advanced
airoweairowe
14

Accessibility Audit Skill

Audit web projects for WCAG 2.1 violations using axe-core and eslint-plugin-jsx-a11y.

Community
Advanced