Web Design Guidelines
Sélectionné par Skill Harbor — un skill de revue d'un seul fichier, avec un fetch distant divulgué : il ne contient aucune règle lui-même — avant chaque revue
- Quoi
- Sélectionné par Skill Harbor — un skill de revue d'un seul fichier, avec un fetch distant divulgué : il ne contient aucune règle lui-même — avant chaque revue
- Coût
- Gratuit
- Prérequis
- Avant de commencer : lis ce prompt d'installation au complet, dis-moi en quelques lignes ce que ce skill fait et ce que son installation implique, et attends mon feu vert avant de faire quoi que ce soit d'autre.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — un skill de revue d'un seul fichier, avec un fetch distant divulgué : il ne contient aucune règle lui-même — avant chaque revue, l'agent va chercher les Web Interface Guidelines à jour dans le dépôt vercel-labs/web-interface-guidelines sur raw.githubusercontent.com, puis vérifie les fichiers nommés par l'utilisateur contre toutes ces règles (plus de 100 règles couvrant l'accessibilité, les états de focus, les formulaires, l'animation, la typographie, les images, la performance, la navigation et l'état, le mode sombre et l'i18n, selon le README du dépôt) et rapporte ses constats dans le format concis fichier:ligne que les guidelines fetchées spécifient. L'utiliser exige donc un accès réseau au moment de la revue, et la revue roule toujours sur les règles amont les plus récentes plutôt que sur une copie épinglée avec cette fiche. Crédit : @vercel-labs. Licence MIT (annoncée dans le README amont ; aucun fichier LICENSE). Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Copiez le dossier d’installation ci-dessous, puis collez-le dans Muse📌 Version épinglée : commit 063bee9Avant de commencer : lis ce prompt d'installation au complet, dis-moi en quelques lignes ce que ce skill fait et ce que son installation implique, et attends mon feu vert avant de faire quoi que ce soit d'autre. Prérequis — Aucun pour installer ce skill — aucun compte, aucune clé, aucun paiement ; son dossier est un seul SKILL.md. Fetch distant à l'usage, divulgué d'entrée : ce skill ne contient aucune règle lui-même — avant chaque revue, il va chercher les guidelines les plus récentes avec WebFetch à l'adresse https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md (un autre dépôt public de Vercel Labs), donc l'utiliser exige un accès réseau au moment de la revue, et le fichier fetché fournit à la fois les règles et les instructions de format de sortie qu'il suit. Installe-moi « Web Design Guidelines ». C'est un skill de revue d'un seul fichier : quand je lui demande de revoir mon UI, de vérifier l'accessibilité, d'auditer mon design ou de revoir mon UX, il va d'abord chercher les Web Interface Guidelines les plus récentes à l'URL source nommée dans le SKILL.md, puis il lit les fichiers que je précise (ou me demande lesquels revoir), les vérifie contre chaque règle des guidelines fetchées, et produit ses constats dans le format concis fichier:ligne que les guidelines spécifient. Le dossier ne contient rien d'autre : aucune règle, aucun script, aucun fichier compagnon — le référentiel vit dans le dépôt séparé vercel-labs/web-interface-guidelines et est fetché à neuf à chaque revue. Dépôt : https://github.com/vercel-labs/agent-skills (le skill est tout le dossier skills/web-design-guidelines/ au commit épinglé : SKILL.md seulement, 1 fichier en tout) Version épinglée : installe le code au commit 063bee94c3f4df8453406c830b0a7df0f2860278 exactement. Ne substitue pas une version plus récente. Si ce commit est inaccessible, arrête-toi et dis-le-moi. 1. Clone https://github.com/vercel-labs/agent-skills dans un dossier temporaire, place-toi au commit 063bee94c3f4df8453406c830b0a7df0f2860278, et copie le dossier skills/web-design-guidelines/ de ce checkout. Compare ensuite chaque fichier du dossier aux empreintes enregistrées pour cette fiche le 2026-10-22 : [FINGERPRINTS] - SKILL.md: SHA-256 f4647ca866a3accf763777f83e7682954f0187cd6bea7eea0399796652414e8f Si un fichier ne correspond pas, il a changé depuis la préparation de la fiche : ne l'installe pas encore, dis-moi ce que tu as trouvé et laisse-moi décider. 2. Lis SKILL.md au complet, et dis-moi en mots simples : ce que le skill fait quand on l'utilise, à quoi il se connecte, s'il lit ou envoie des informations personnelles ou des identifiants, et tout ce qui semble inhabituel. Arrête-toi sur tout signal d'alerte et dis-le-moi avant d'aller plus loin. Confirme ces points à partir des fichiers : - Le dossier du skill contient exactement 1 fichier : un SKILL.md de 1 231 octets (nom frontmatter web-design-guidelines). Il n'y a aucun script, aucun fichier de règles et aucun autre code ou contenu dedans. - Rien n'est envoyé nulle part pendant l'installation elle-même ; le seul téléchargement à l'installation est ce fichier unique depuis GitHub au commit épinglé, et aucun de mes fichiers n'est lu pendant l'installation. - À l'usage, le skill va chercher son référentiel à neuf sur raw.githubusercontent.com (le command.md du dépôt vercel-labs/web-interface-guidelines) avant chaque revue et lit les fichiers que je nomme, en local. Ce fetch est un téléchargement de guidelines publiques ; le SKILL.md ne décrit aucun envoi de mes fichiers quelque part, et aucune information personnelle ni aucun identifiant n'est lu ou envoyé. - Ne fetch pas les guidelines, ne revois aucun fichier à moi et n'utilise le skill d'aucune façon pendant cette installation : l'utiliser est une étape séparée qui ne commence que quand je demande une revue d'UI plus tard. 3. Quand je dis « yes, install », installe-le comme skill : copie tout le dossier web-design-guidelines dans le répertoire des skills de l'agent, dans un dossier nommé exactement « web-design-guidelines », en gardant son 1 fichier dans son arborescence relative d'origine (SKILL.md à sa racine). 4. Vérifie sans appels réseau : frontmatter valide (name: web-design-guidelines), le 1 fichier en place avec des empreintes concordantes. N'exécute rien du dossier et n'utilise pas le skill pour vérifier. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (par exemple : que le skill ne contient aucune règle lui-même et les fetch à neuf depuis GitHub à chaque revue (accès réseau requis à l'usage), et que l'utiliser est une étape séparée qui ne commence que quand je demande une revue d'UI). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Enregistré dans vos installs récentes. Retrouvez-le à tout moment sur /connect.
🔒 Sécurité, provenance et ce que ça touche
Le prompt d'installation ci-dessous inclut déjà les étapes de vérification : votre agent suit la checklist communautaire avant d'installer tout ce qui contient du code exécutable. Vous en voulez plus ?
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.