Skip to content
web-design-guidelines logo

Web Interface Guidelines

web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

SKILL.md

Full skill instructions

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

  1. Fetch the latest guidelines from the source URL below
  2. Read the specified files (or prompt user for files/​pattern)
  3. Check against all rules in the fetched guidelines
  4. Output findings in the terse file:line format

Guidelines Source

Fetch fresh guidelines before each review:

https://raw.githubusercontent.com/​vercel-labs/​web-interface-guidelines/​main/​command.md

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Usage

When a user provides a file or pattern argument:

  1. Fetch guidelines from the source URL above
  2. Read the specified files
  3. Apply all rules from the fetched guidelines
  4. Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

More Cloud & Infrastructure skills

microsoft-foundry logo
Cloud & Infrastructure

microsoft-foundry

End-to-end deployment, evaluation, and management of AI agents on Microsoft Foundry.

1.5K 630.6K
View
azure-diagnostics logo
Cloud & Infrastructure

azure-diagnostics

Systematic diagnosis and remediation for Azure production issues using AppLens, Monitor, and resource health.

1.5K 620.8K
View
azure-prepare logo
Cloud & Infrastructure

azure-prepare

Prepare Azure applications for deployment with infrastructure-as-code, configuration, and containerization.

1.5K 620.3K
View
azure-ai logo
Cloud & Infrastructure

azure-ai

Unified access to Azure AI services: Search, Speech, OpenAI, and Document Intelligence.

1.5K 620.1K
View
azure-deploy logo
Cloud & Infrastructure

azure-deploy

Execute Azure deployments for prepared applications with built-in error recovery and validation.

1.5K 620K
View
azure-validate logo
Cloud & Infrastructure

azure-validate

Pre-deployment validation for Azure readiness with configuration, infrastructure, RBAC, and identity checks.

1.5K 619.4K
View
azure-storage logo
Cloud & Infrastructure

azure-storage

Unified access to Azure blob storage, file shares, queues, tables, and data lake services.

1.5K 618.9K
View
entra-app-registration logo
Cloud & Infrastructure

entra-app-registration

Microsoft Entra ID app registration, OAuth 2.0 configuration, and MSAL integration for secure application authentication.

1.5K 618.6K
View
appinsights-instrumentation logo
Cloud & Infrastructure

appinsights-instrumentation

Guidance and reference material for instrumenting webapps with Azure Application Insights.

1.5K 618.3K
View
azure-resource-lookup logo
Cloud & Infrastructure

azure-resource-lookup

Fast discovery and inventory of Azure resources across subscriptions using Resource Graph queries.

1.5K 618.3K
View
azure-resource-visualizer logo
Cloud & Infrastructure

azure-resource-visualizer

Transform Azure resource groups into detailed architecture diagrams showing resource relationships and configurations.

1.5K 618.3K
View

Coding & apps AI tools

Opus Clip logo
Coding & apps

Opus Clip

Opus.ai: Revolutionize Your Web Experience

Free
View
Imagica logo
Coding & apps

Imagica

Build a no-code AI app in minutes.

Freemium
View
E
Coding & apps

Emergent.sh

An IDE for code migration from legacy to modern frameworks through coding agents.

Freemium
View
Wonder Dynamics logo
Coding & apps

Wonder Dynamics

Automate CGI animation in live-action scenes

Paid
View
M
Coding & apps

Mixo

Launch a website in seconds with AI.

Paid
View
AI Code Convert logo
Coding & apps

AI Code Convert

Streamline Your Coding Experience with AI Code Helper

Free
View