Can it check for web accessibility (a11y) issues?

Yes, the skill is specifically designed to identify accessibility violations and suggest improvements based on the fetched guidelines.

How do I specify which files the skill should review?

You can provide a specific file path or a glob pattern (such as 'src/components/*.tsx') as an argument when prompting Claude.

What guidelines does this skill use for audits?

The skill fetches the official Web Interface Guidelines from the Vercel Labs repository to ensure your project follows modern, industry-standard design and UX principles.

Does it support React, Vue, or Tailwind projects?

Yes, the skill is framework-agnostic and reviews the underlying UI code logic and structure regardless of the library or CSS framework used.

What does the 'file:line' output format mean?

The skill provides findings in a concise format that lists the filename followed by the line number, allowing you to jump directly to the specific code that needs attention.

Web Interface Guidelines Reviewer

Name: Web Interface Guidelines Reviewer
Author: julianromli

byjulianromli

•

101

•

设计工具

Audits UI code for compliance with professional web interface guidelines, accessibility standards, and UX best practices.

This skill empowers Claude to perform automated UI audits by fetching the latest industry-standard Web Interface Guidelines from Vercel Labs. It reviews your codebase for design consistency, accessibility compliance, and UX patterns, providing precise line-by-line feedback in a terse format to help developers identify and fix frontend issues rapidly. It is particularly useful for teams looking to maintain high-quality production standards across their web applications without manual design reviews for every minor change.

主要功能

01101 GitHub stars

02Automated accessibility and UX compliance auditing

03Precision line-by-line reporting for easy debugging

04Pattern-based file scanning across entire codebases

05Standardized output for design-to-code consistency

06Fetches real-time guidelines from Vercel Labs for up-to-date standards

使用场景

01Auditing a new landing page for accessibility and UX before deployment

02Quickly reviewing site-wide UI code against industry best practices

03Performing a design system consistency check across multiple frontend components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add julianromli/opencode-template web-design-guidelines

For use in Claude.ai and ChatGPT

主要功能

01101 GitHub stars

02Automated accessibility and UX compliance auditing

03Precision line-by-line reporting for easy debugging

04Pattern-based file scanning across entire codebases

05Standardized output for design-to-code consistency

06Fetches real-time guidelines from Vercel Labs for up-to-date standards

使用场景

01Auditing a new landing page for accessibility and UX before deployment

02Quickly reviewing site-wide UI code against industry best practices

03Performing a design system consistency check across multiple frontend components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add julianromli/opencode-template web-design-guidelines

For use in Claude.ai and ChatGPT