Web Interface Guidelines

par Vercel

Examiner le code UI pour la conformité aux Web Interface Guidelines. Utiliser lorsqu'on vous demande de « réviser mon UI », « vérifier l'accessibilité », « auditer le design », « réviser l'UX » ou « vérifier mon site par rapport aux bonnes pratiques ».

npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
Télécharger ZIPGitHub
28k

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.

Plus de skills de Vercel

React Best Practices
Vercel
Directives d'optimisation des performances React et Next.js issues de Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, la révision ou le refactoring de code React/Next.js pour garantir des schémas de performance optimaux. Se déclenche sur les tâches impliquant des composants React, des pages Next.js, la récupération de données, l'optimisation du bundle ou les améliorations de performance.
developmentfeatured
Vercel Deploy
Vercel
Déployer des applications et des sites web sur Vercel. Utilisez cette compétence lorsque l'utilisateur demande des actions de déploiement telles que « Déployer mon application », « Déployer ceci en production », « Créer un déploiement de prévisualisation », « Déployer et me donner le lien » ou « Mettre ceci en ligne ». Aucune authentification requise - renvoie l'URL de prévisualisation et le lien de déploiement réclamable.
development
Agent Browser
Vercel
Automatise les interactions avec le navigateur pour les tests web, le remplissage de formulaires, les captures d'écran et l'extraction de données.
browser-automationofficial