skills.rest
AnderHonorato
AnderHonoratoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

Updated Aug 28, 2026
Search Tags:#accessibility#ui review#vercel#code audit#ux#design guidelines#web interface
One-click install
npx skills add https://github.com/AnderHonorato/Mem-rias-IA---Infinity --skill web-design-guidelines-anderhonorato
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/AnderHonorato/Mem-rias-IA---Infinity/tree/main/Manus/Skills/snapshots/vercel-web-design-guidelines
Command: npx skills add https://github.com/AnderHonorato/Mem-rias-IA---Infinity --skill web-design-guidelines-anderhonorato

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Manually auditing UI code against design and accessibility 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 latest rules from the vercel-labs web-interface-guidelines repository before each audit, so checks always reflect current standards. - File or Pattern Targeting: Reviews specific files or glob patterns you provide, or prompts you to specify which files to check. - Terse Findings Output: Reports violations in a compact file:line format for quick triage and fixing. - Use Case: Before shipping a new landing page, ask for a UI review to catch accessibility issues, inconsistent patterns, and guideline violations across your components. ## Quick Start Review my UI code in the components directory against the Web Interface Guidelines and list any accessibility or design violations.

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 the files or a file pattern you want checked, and the Skill fetches the latest Web Interface Guidelines and audits your code against every rule. Findings are reported in a compact file:line format so you can fix violations quickly.

What are the Vercel Web Interface Guidelines?▼

They are a set of UI and accessibility best practices maintained in the vercel-labs/web-interface-guidelines repository. The Skill fetches the current version from the raw command.md file before each review, so rules stay up to date.

Can I review multiple files or a whole directory at once?▼

Yes, you can pass a file pattern or list of files as the argument. If you do not specify any files, the Skill asks which files you want reviewed before proceeding.

Does the UI review work offline or without network access?▼

No, the Skill requires network access because it fetches the latest guidelines from the vercel-labs GitHub repository before each review. Without connectivity, the rules cannot be retrieved and the audit cannot run.

What output format does the design audit produce?▼

Findings are reported in a terse file:line format as specified by the fetched guidelines. This makes it easy to jump directly to each violation in your editor and address it.

Related Skills

Explore More Design & Creative Skills→
arthtyagiarthtyagi
1

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
officechbusinessservices-creatorofficechbusinessservices-creator

verify

Validate code changes through tests, typecheck/build, and manual checks.

Community
Intermediate
samymitysamymity
1

browser-qa

Automate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.

Community
Intermediate
Euda1mon1aEuda1mon1a

code-review

Review code changes for bugs, security issues, and best practices.

Community
Advanced