Star200+

Web Design Guidelines

Solide · 89
Indexé dans Registry

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Verified installs0
Stars30.3K
Version1.0.0
Qualité100/100 · Excellent
Confiance89/100 · Revoir avant installation
Audit94/100 · Sûr à essayer

Profil de l’actif

Recherche et travail de connaissance

Deep research, source comparison, literature review, RAG, knowledge search, and reports.

Voir la catégorie

Scénario

Agents de recherche

I need my agent to research a topic, compare sources, and produce a concise report.

Adéquation Agent

Claude Code + OpenAI Agents + Cursor

Compatible avec Codex, Claude Code, Cursor, CLI ou des Agents personnalisés.

Installer

Prêt

npx skills add vercel-labs/agent-skills --skill web-design-guidelines

Maintenance

À jour

Mis à jour aujourd’hui

Risque

Sûr à essayer

Use formal accessibility testing for regulated or high-compliance releases.

Qualité GitHub

30K

100/100 Qualité · 92/100 Confiance

Tags de couverture

RechercheAgents de rechercheDesign et créationagent-skillui-review

Notes de revue

Use formal accessibility testing for regulated or high-compliance releases.

Carte d’adoption Agent

Confiance, audit et préparation à l’installation en un coup d’œil

Ces scores combinent les métadonnées publiques du dépôt, les signaux de revue OpenAgentSkill, la fraîcheur de maintenance et la préparation à l’installation. Ils servent à présélectionner et ne remplacent pas la revue humaine.

Qualité

Excellent
100

High-confidence pick with strong adoption and healthy maintenance signals.

Confiance

Revoir avant installation
89

Bon signal de présélection, mais l’Agent doit examiner les notes d’audit, la politique d’installation et les preuves de résultats avant de l’exécuter.

Audit

Sûr à essayer
94

Revue lisible par machine de la préparation à l’installation, des métadonnées de sécurité, de la maintenance et du risque d’adoption.

Trust Score OpenAgentSkill v5

Candidate à l’installation Agent

À utiliser comme candidat principal après revue humaine ou en sandbox.

CodexClaude CodeCursorOpenAgentSkill CLI

Stars

30K stars GitHub

Activité du dépôt

30K stars et 2.7K forks

Maintenance

Mis à jour aujourd’hui

Licence

Source terms (see source)

Installer

npx skills add vercel-labs/agent-skills --skill web-design-guidelines

Sécurité d’installation

Chemin d’installation standard de package ou runtime

Surface de permissions

Aucune surface de permissions à haut risque dans les métadonnées publiques

Résultats Agent

Pas encore de données de résultats Agent

Documentation

Contexte README/SKILL.md solide

Résumé des risques

Risque de métadonnées faible

  • Use formal accessibility testing for regulated or high-compliance releases.

Préparation à l’installation

Chemin d’installation disponible

  • Le chemin d’installation est disponible
  • La preuve du dépôt est disponible
  • La licence est déclarée
  • Pas encore de preuve de résultat Agent-Proven

Métadonnées lisibles par Agent

Données de décision lisibles par machine pour ce skill.

Utilisez ce bloc ou le JSON intégré pour décider si un Agent doit installer ce skill, choisir une alternative ou demander d’abord une revue humaine.

Ouvrir JSON

Tâches adaptées

  • Workflows d’Agents de recherche
  • Équipes Claude Code
  • Équipes qui valorisent les signaux d’adoption GitHub
  • Sources de recherche

Agents adaptés

CodexClaude CodeCursorOpenAgentSkill CLIOpenAI AgentsCLI

Décision d’installation

Commande
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Politique
Revoir
Revue humaine
Oui

Confiance et risque

Confiance
89/100
Audit
94/100
Niveau de risque
Sûr à essayer

Boucle de résultat

Endpoint
/api/agent/outcome
ID d’événement
resolve
Résultats
5

Commande d’installation

npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Audit publicRapport d’évaluationAPI ResolveRelais d’installation

Ne pas utiliser quand

  • Équipes qui nécessitent un SLA soutenu par le fournisseur
  • production agents without a repository review
  • Use formal accessibility testing for regulated or high-compliance releases.
  • Production credentials, payments, or irreversible account changes without explicit human review
  • Sensitive private data before reviewing repository code, license, and permission surface

Skill alternatif

Frontend Design

170.9K Stars

npx skills add anthropics/skills --skill frontend-design

Skill alternatif

Taste Skill: Anti-Slop Frontend

79.0K Stars

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

Skill alternatif

Canvas Design

170.9K Stars

npx skills add anthropics/skills --skill canvas-design

Skill alternatif

Anthropic Brand Guidelines

170.9K Stars

npx skills add anthropics/skills --skill brand-guidelines

Sécurité Agent v2

82/100 · Revoir avant installation

RéviséRevoir

Bons signaux d’audit et de sécurité, sans indice de permission à haut risque dans les métadonnées publiques.

Consultez la page d’audit, puis autorisez l’installation de l’Agent dans un workflow isolé.

Résoudre via API

Moyen

Accès réseau

La skill récupère probablement des pages distantes, API, dépôts ou services externes.

  • Use formal accessibility testing for regulated or high-compliance releases.

Cibles d’installation

Installer ce skill dans votre workflow Agent

Utilisez le point de terminaison public pour récupérer la commande, la checklist, les prompts et les liens canoniques.

skill install

OpenAgentSkill CLI

Resolve policy, run the source installer safely, and report a verified install receipt.

$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install vercel-web-design-guidelines

Plan de résolution Agent

Laissez un Agent vérifier la pertinence avant l’installation.

L’API Resolve renvoie la skill sélectionnée, des alternatives, la politique de sécurité, les notes d’audit, la cible d’installation et un prompt prêt à l’emploi.

Ouvrir le plan texte

Ouvrir JSON

/api/agent/resolve?task=Use%20Web%20Design%20Guidelines%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Texte Resolve

/api/agent/resolve?task=Use%20Web%20Design%20Guidelines%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Relais d’installation

/api/skills/vercel-web-design-guidelines/install

L’Agent doit vérifier

  • Task fit and alternatives from Resolve API.
  • Audit score, trust score, and safety policy warnings.
  • Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copier le prompt

Task: Use Web Design Guidelines in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20Web%20Design%20Guidelines%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/vercel-web-design-guidelines/install
Install command: npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Relais Agent

Donnez à l’Agent le chemin d’installation, pas un autre annuaire.

Utilisez le point de terminaison public pour récupérer la commande, la checklist, les prompts et les liens canoniques.

Ouvrir l’API d’installation

Relais d’installation

/api/skills/vercel-web-design-guidelines/install

Format texte LLM

/api/skills/vercel-web-design-guidelines/install?format=text

Trouver des alternatives

/api/skills/search?q=Web%20Design%20Guidelines&limit=3

Prompt Agent

Use Web Design Guidelines for this task. Review https://www.openagentskill.com/api/skills/vercel-web-design-guidelines/install, then install with: npx skills add vercel-labs/agent-skills --skill web-design-guidelines

Métadonnées Registry

Profil lisible par Agent pour la sélection automatique de skills.

L’API Registry fournit les signaux de décision, confiance, audit, cas d’usage et installation sans analyser l’interface.

Ouvrir Manifest

Manifest

/api/registry/manifest/vercel-web-design-guidelines

Texte LLM

/api/registry/manifest/vercel-web-design-guidelines?format=text

Alias d’installation

/api/registry/install/vercel-web-design-guidelines

Recommander

/api/registry/recommend?task=Use%20Web%20Design%20Guidelines%20in%20an%20agent%20workflow&limit=3

Adéquation Agent

100/100

Agents de recherche

Tags de cas d’usage

Agents de rechercheDesign et créativitéAgents de code

Plateformes

Codex, Claude Code, Cursor, OpenAI Agents

Rapport d’audit

Sûr à essayer · 94/100

Revue lisible par machine de la préparation à l’installation, des métadonnées de sécurité, de la maintenance et du risque d’adoption.

Voir le rapport d’auditVoir le rapport d’évaluation

Panneau de décision Agent

Choix principal pour Agents de recherche

Use this as a leading candidate, then validate the README and install path in your own agent stack.

100
Préparation
Adopter
Étape

Rôle dans la pile

Choix principal

Pertinence principale

Agents de recherche

Libellé de confiance

Prêt pour la production

Chemin d’installation

Commande prête

À utiliser lorsque

  • Workflows d’Agents de recherche
  • Équipes Claude Code
  • Équipes qui valorisent les signaux d’adoption GitHub

Preuves

  • 30,307 stars GitHub
  • recent repository activity
  • install command or GitHub repo available
  • profil qualité 100/100
  • 246 événements OpenAgentSkill

revoir d’abord

  • Use formal accessibility testing for regulated or high-compliance releases.

Chemin d’implémentation

  1. 1Installez-le dans un Agent en sandbox et exécutez une tâche de Agents de recherche de bout en bout.
  2. 2Compare output quality, latency, and failure behavior against at least one alternative.
  3. 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

Profil de confiance

Revoir avant installation

Bon signal de présélection, mais l’Agent doit examiner les notes d’audit, la politique d’installation et les preuves de résultats avant de l’exécuter.

89
Trust Score OpenAgentSkill

Adoption GitHub

Validé

30K stars GitHub

Activité stars/forks

Validé

30K stars et 2.7K forks; l’activité des issues n’est pas disponible dans les métadonnées actuelles

Maintenance récente

Validé

Mis à jour aujourd’hui

Clarté de licence

Validé

Source terms (see source)

Signaux positifs

  • Fiche vérifiée manuellement
  • Revue IA approuvée
  • Le chemin d’installation est disponible
  • La preuve du dépôt est disponible
  • Dépôt maintenu récemment
  • Large GitHub adoption signal
  • La commande d’installation ne présente aucun motif de haut risque évident
  • Activité d’utilisation OpenAgentSkill détectée
  • La boucle de résultats est prête mais nécessite la première exécution réelle de l’Agent

Réviser avant installation

  • Use formal accessibility testing for regulated or high-compliance releases.
  • Pas encore de rapports de résultats Agent réels
  • Une revue humaine est requise avant une installation sans surveillance

Action recommandée

À utiliser comme candidat principal après revue humaine ou en sandbox.

Profil qualité

Excellent candidat pour les workflows Agent

High-confidence pick with strong adoption and healthy maintenance signals.

100
Stars GitHub
30K
Actualité
Aujourd’hui
Prêt à installer
Oui
Licence
Source terms (see source)
Réviser avant installation: Use formal accessibility testing for regulated or high-compliance releases.

Adéquation au workflow

Utilisez cette skill dans ces scénarios

Investigate faster

Research agents

I need my agent to research a topic, compare sources, and produce a concise report.

Create assets

Design and creative

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Build and ship code

Coding agents

I need a coding agent that can understand a repository, edit code, and review pull requests.

Adéquation au workflow

Ajouter à un workflow complet

Design, build, test, and ship interfaces

Frontend and UI

A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.

Find, compare, and synthesize

Research report agent

A workflow for agents that gather sources, compare claims, summarize long material, and draft useful research briefs.

Inspect, patch, and verify code

Coding review agent

A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.

Liste d’alternatives

Comparer avant installation

Similar skills that may fit this task.

Tout comparer

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Adopter
Prêt100
Qualité100
Stars170.9K

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Adopter
Prêt100
Qualité100
Stars79.0K

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Adopter
Prêt100
Qualité100
Stars170.9K

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

Adopter
Prêt100
Qualité100
Stars170.9K

Vue d’ensemble

A source-verified Vercel skill for auditing UI code against web-interface guidelines. Use it for accessibility reviews, UX checks, design audits, and interaction-quality reviews. It evaluates implementation quality; it does not replace user research or formal accessibility certification.

Compatibilité plateforme

codexFULL
claude-codeFULL
cursorFULL

Détails techniques

Version
1.0.0
Licence
Source terms (see source)
Dernière mise à jour
22 août 2026
Publié
21 juil. 2026

Frameworks et outils

CodexClaude CodeCursor

Instantané de décision

Choix principal

100
Prêt
Adopter
Étape

30,307 stars GitHub

Audit

Revue d’installation

Revue d’installation et d’adoption

94
Sûr à essayer
Sécurité
84/100
Maintenance
100/100
Installer
92/100
Ouvrir l’audit completVoir le rapport d’évaluation

Preuves validées par Agent

Preuves validées par Agent

Rapports après resolve, revue, installation et une exécution limitée.

0
Validé
Needs first agent runAuto-installation: revoir d’abordDernier: Inconnu
Taux de réussite
—
Échec récent
—
Résultats
0
Qualité de sortie
—
Échecs
0
Non pertinent
0
Installations
0
Bloqué par le risque
0
Configuration requise
0
Production
0

Aucune donnée de résultat Agent pour l’instant. La première exécution peut signaler succès, besoin de configuration, blocage de risque, échec ou non-pertinence via /api/agent/outcome.

Classement Agent-ProvenContrat de résultat

Installer

Ajouter au workflow Agent

Gratuit et open source. Examinez le rapport avant l’installation dans des Agents de production.

Comparer les alternativesPlan de résolution autoVoir sur GitHubDocumentation

Boucle de croissance

Kit de partage

X

Brouillon guidé par scénario pour Web Design Guidelines, prêt pour une publication manuelle sur X.

Note du curateur
Web Design Guidelines: Review UI code for web interface guidelines, UX quality, accessibility, and interaction desig...

30.3K stars

https://www.openagentskill.com/skills/vercel-web-design-guidelines?ref=x
Ouvrir le brouillon X
Réponse facultative avec commande d’installation
Listing + install path for Web Design Guidelines:
https://www.openagentskill.com/skills/vercel-web-design-guidelines?ref=x

Install: npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Ouvrir le brouillon de réponse

Source de la fiche

Indexé par Registry

Revendiable

Cette fiche a été indexée à partir de sources publiques et n’est pas marquée officielle tant qu’une revendication de mainteneur n’est pas approuvée.

Créateur
vercel-labs
Indexé par
Index communautaire OpenAgentSkill

L’attribution renvoie au dépôt public ou au profil du créateur. Les créateurs peuvent revendiquer la fiche pour mettre à jour les signaux de propriété.

Revendiquer ce skill

Revendication du propriétaire

Revendiquer cette fiche de skill

Cette fiche Indexé par Registry est attribuée à vercel-labs, mais n’est pas encore marquée officielle. Revendiquez-la pour ajouter un signal de propriétaire vérifié et rendre les futures mises à jour de lancement, d’installation et d’audit plus fiables.

Kit de backlinks créateur

Ajoutez les badges de preuve à votre README

Affichez la fiche canonique, les signaux actuels de confiance et d’audit, ainsi que de vraies preuves Agent-Proven là où les développeurs évaluent le dépôt.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/vercel-web-design-guidelines?metric=listed&label=Listed)](https://www.openagentskill.com/skills/vercel-web-design-guidelines)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/vercel-web-design-guidelines?metric=trust&label=Trust)](https://www.openagentskill.com/skills/vercel-web-design-guidelines)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/vercel-web-design-guidelines?metric=audit&label=Audit)](https://www.openagentskill.com/skills/vercel-web-design-guidelines/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/vercel-web-design-guidelines?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/vercel-web-design-guidelines)
Aperçu du badge Ouvrir l’audit Kit créateur

Auteur

V

vercel-labs✓

@vercel-labs

Tags

agent-skillui-reviewuxaccessibilityweb-designdesign-auditinteraction

Adéquation plateforme

Claude CodeOpenAI AgentsCursor

Signaux de santé

Stars GitHub
30.3K
Score de qualité
75/100
Dernier push GitHub
21 août 2026
Indications de framework
3
Vues OpenAgentSkill
62
Copies d’installation
11
Clics sortants
3

Signal de communauté

Indiquez si ce skill semble utile à votre workflow Agent. Les retours agrégés améliorent le classement au fil du temps.

Confiance et sécurité

Revoir avant installation

89
  • Adoption GitHub30K stars GitHubValidé
  • Activité stars/forks30K stars et 2.7K forks; l’activité des issues n’est pas disponible dans les métadonnées actuellesValidé
  • Maintenance récenteMis à jour aujourd’huiValidé
  • Clarté de licenceSource terms (see source)Validé
  • Complétude README/SKILL.mdLes métadonnées incluent suffisamment de contexte d’usage et de workflowValidé
  • Risque dépendances/runtimeAucun indice majeur de risque de dépendance dans les métadonnées publiquesValidé

Skills associés

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

170.9K Stars

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

79.0K Stars

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

170.9K Stars

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

170.9K Stars
InstallerVoir sur GitHub