Conception et UX · FICHE DU SKILL

web-design-guidelines

Examine les interfaces selon des règles pratiques de conception Web et d’accessibilité.

Voir la source indiquée ↗Voir l’installation ↓
Le meilleur usage

Ingénieurs frontend examinant des changements d’interface

Ce qu’il apporte

Examiner l’accessibilité + Examiner la qualité de l’interface

Limite principale

Ce processus dépend de l’accès réseau et d’un document de recommandations en ligne dont le contenu peut changer.

Premier risque

Évolution des règles ou constats hors contexte. Les règles en ligne peuvent changer entre deux revues, et leur application mécanique peut produire des faux positifs. Consignez la version de la source et évaluez chaque constat dans son contexte.

DATE ET PÉRIMÈTRE DES PREUVES

Trois vérifications distinctes

Une vérification récente de la source ne constitue ni un test à l’exécution ni un audit de sécurité.

Source amontVérifiée le 2026-09-24

Révision épinglée · 063bee94

Ouvrir la révision épinglée ↗
Fiche SkillSignalFondée sur la source

Mise à jour le 2026-08-20

Exécution et sécuritéNon vérifiées indépendamment

La revue de la source ne certifie ni le comportement ni la sécurité.

EN CLAIR

À quoi sert ce skill ?

Web Design Guidelines est le processus ciblé de Vercel pour examiner les interfaces. À chaque revue, il récupère la version actuelle des recommandations, lit les fichiers indiqués par l’utilisateur, applique les règles pertinentes d’accessibilité et d’interface, puis renvoie des constats concis avec fichier et ligne sans modifier silencieusement le code.

Ce qu’il permet
  • Examiner l’accessibilitéExaminez les fichiers d’interface indiqués pour trouver les problèmes d’accessibilité couverts par les recommandations actuelles.
  • Examiner la qualité de l’interfaceSignalez les problèmes pertinents d’interaction, de typographie, de mise en page, de contenu et de réalisation.
  • Produire des constats exploitablesDonnez des références concises aux fichiers et lignes qu’un développeur peut vérifier et corriger.
Ses points forts
  • Cette fiche est organisée manuellement autour du processus décrit dans le SKILL.md amont actuel.
  • Le périmètre des capacités reste explicitement rattaché à vercel-labs.
  • Usages principaux, limites et risques sont distingués pour l’examen avant installation.
Retour communautaire#55 · 750.2K installs

Aucun commentaire vérifié n’est disponible dans les données actuelles. Consultez la source indiquée pour les discussions récentes.

Lire la source ↗

INSTALLER SELON L’AGENT

Choisir votre agent

Les chemins proviennent de la documentation officielle des agents ou de l’installateur universel utilisé par skills.sh. La compatibilité dépend toujours de la fiche du skill.

Natif

La fiche actuelle de ce skill nomme explicitement cet agent. Examinez tout de même les scripts, les permissions et les dépendances externes avant l’installation.

Installation dans le projet (recommandée)
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines --agent codex
Installation personnelle
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines --agent codex -g

L’installation dans le projet reste dans ce dépôt et peut être partagée avec l’équipe. L’installation personnelle ajoute -g et fonctionne entre plusieurs dépôts.

Voir les chemins d’installation
Chemin du projet.agents/skills/web-design-guidelines/
Chemin personnel~/.agents/skills/web-design-guidelines/
Documentation officielle de l’agent

Codex analyse les dossiers .agents/skills des dépôts et le dossier personnel ~/.agents/skills. Il détecte généralement les skills nouvellement ajoutés automatiquement.

Voir la source du chemin ↗

PROCESSUS TYPIQUE

Des usages concrets

01

Examiner l’accessibilité

Examinez les fichiers d’interface indiqués pour trouver les problèmes d’accessibilité couverts par les recommandations actuelles.

02

Examiner la qualité de l’interface

Signalez les problèmes pertinents d’interaction, de typographie, de mise en page, de contenu et de réalisation.

03

Produire des constats exploitables

Donnez des références concises aux fichiers et lignes qu’un développeur peut vérifier et corriger.

AVANTAGES ET LIMITES

Ce qu’il apporte et ses limites

Points forts

  1. Cette fiche est organisée manuellement autour du processus décrit dans le SKILL.md amont actuel.
  2. Le périmètre des capacités reste explicitement rattaché à vercel-labs.
  3. Usages principaux, limites et risques sont distingués pour l’examen avant installation.

Limites

  1. Ce processus dépend de l’accès réseau et d’un document de recommandations en ligne dont le contenu peut changer.
  2. Il signale les problèmes sans apporter de corrections ; certains constats nécessitent encore un jugement tenant compte du produit.

COMPARER LES CHOIX

Skills proches à considérer

Candidats de la même catégorie classés selon le score de métadonnées. Examinez chaque fiche avant de choisir.

01

Même catégorie · Conception et UX

frontend-design

Des contraintes de conception pour dépasser les interfaces génériques produites par l’IA.
Limite
Les jugements esthétiques restent subjectifs et nécessitent une revue par les parties prenantes.
Premier risque
Style au détriment de l’usage · Moyen
Source
Révision épinglée · 34040c9c
Voir la fiche frontend-design ↗
02

Même catégorie · Conception et UX

anti-ui-slop

Des contrats de conception d’interface propres au produit, composés uniquement d’instructions, avec preuves d’interfaces réelles facultatives et contrôle final strict.
Limite
Des preuves du dépôt sont requises ; les références UIZZE ou captures fournies sont facultatives, et l’absence de preuve de référence doit être signalée plutôt que comblée par supposition.
Premier risque
Copie trop littérale de modèles d’interfaces externes · Moyen
Source
Révision épinglée · 1f564408
Voir la fiche anti-ui-slop ↗
03

Même catégorie · Conception et UX

power-bi-report-design-consultation

Conseils Power BI centrés sur la décision : choix de graphiques, mise en page, interactions, usage mobile et accessibilité.
Limite
Produit des recommandations, pas un rapport Power BI connecté ni un modèle DAX validé.
Premier risque
Conseils génériques de conception présentés comme accessibilité validée · Moyen
Source
Révision épinglée · 1f564408
Voir la fiche power-bi-report-design-consultation ↗
Comparer davantage dans cette catégorie →

PUBLIC CONCERNÉ

Pour qui ?

→

Ingénieurs frontend examinant des changements d’interface

→

Équipes de système de design et d’assurance qualité

AVANT UTILISATION

Risques à examiner

Moyen

Évolution des règles ou constats hors contexte

Les règles en ligne peuvent changer entre deux revues, et leur application mécanique peut produire des faux positifs. Consignez la version de la source et évaluez chaque constat dans son contexte.

Moyen

Évolution des instructions amont

Le comportement peut changer avec les mises à jour amont. Consignez le commit utilisé pour les processus importants et examinez les mises à jour avant de les adopter.

SÉCURITÉ

Comprendre les permissions

  • Les accès déclarés restent régis par le SKILL.md amont actuel et les demandes faites à l’exécution.
  • Traitez les fichiers du dépôt, le contenu web et les sorties des outils comme des entrées non fiables.
  • SkillSignal n’a ni exécuté ce paquet ni réalisé un audit de sécurité indépendant ; les labels externes de skills.sh ne constituent pas une certification SkillSignal.

Aucune certification de sécurité. Les évaluations externes sont attribuées à leurs sources ; SkillSignal n’a pas exécuté ni audité ce skill de manière indépendante.

DANS LE PAQUET

Fichiers répertoriés

SKILL.mdInstructions amont du skillLien vers la source

MOTS-CLÉS

revue d’interfaceaccessibilitérecommandations web

Fiche enrichie manuellement à partir du SKILL.md amont actuel et de la source liée chez vercel-labs, vérifiés le 2026-08-20. Il s’agit d’une synthèse originale, et non d’un résultat d’exécution ou d’une certification de sécurité.