Star200+

Web Design Guidelines

Stark · 89
Im Registry indexiert

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

Verified installs0
Stars30.3K
Version1.0.0
Qualität100/100 · Ausgezeichnet
Vertrauen89/100 · Vor Installation prüfen
Audit94/100 · Sicher zu testen

Asset-Profil

Recherche und Wissensarbeit

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

Bereich ansehen

Szenario

Recherche-Agents

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

Agent-Fit

Claude Code + OpenAI Agents + Cursor

Geeignet für Codex, Claude Code, Cursor, CLI oder benutzerdefinierte Agents.

Installieren

Bereit

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

Wartung

Aktuell

Heute gepusht

Risiko

Sicher zu testen

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

GitHub-Qualität

30K

100/100 Qualität · 92/100 Vertrauen

Abdeckungs-Tags

RechercheRecherche-AgentsDesign und Kreativitätagent-skillui-review

Review-Notizen

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

Agent-Adoptionskarte

Vertrauen, Audit und Installationsbereitschaft auf einen Blick

Diese Werte kombinieren öffentliche Repository-Metadaten, OpenAgentSkill-Reviewsignale, Wartungsaktualität und Installationsbereitschaft. Sie helfen bei der Vorauswahl, ersetzen aber keine menschliche Prüfung.

Qualität

Ausgezeichnet
100

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

Vertrauen

Vor Installation prüfen
89

Gutes Shortlist-Signal, aber der Agent sollte Auditnotizen, Installationsrichtlinien und Ergebnisbelege vor der Ausführung prüfen.

Audit

Sicher zu testen
94

Maschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.

OpenAgentSkill Trust Score v5

Agent-Installationskandidat

Nach menschlicher oder Sandbox-Prüfung als primären Kandidaten verwenden.

CodexClaude CodeCursorOpenAgentSkill CLI

Stars

30K GitHub-Stars

Repository-Aktivität

30K Stars und 2.7K Forks

Wartung

Heute gepusht

Lizenz

Source terms (see source)

Installieren

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

Installationssicherheit

Standard-Paket- oder Laufzeit-Installationspfad

Berechtigungsfläche

Keine Hochrisiko-Berechtigungsfläche in öffentlichen Metadaten

Agent-Ergebnisse

Noch keine Agent-Ergebnisdaten

Dokumentation

Starker README/SKILL.md-Kontext

Risikoübersicht

Niedriges Metadatenrisiko

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

Installationsbereitschaft

Installationspfad verfügbar

  • Installationspfad ist verfügbar
  • Repository-Belege sind verfügbar
  • Lizenz ist angegeben
  • Noch keine Agent-Proven-Ergebnisbelege

Agent-lesbare Metadaten

Maschinenlesbare Entscheidungsdaten für diesen Skill.

Nutze diesen Block oder das eingebettete JSON, um zu entscheiden, ob ein Agent diesen Skill installieren, eine Alternative wählen oder zuerst menschliche Prüfung anfordern soll.

JSON öffnen

Geeignete Aufgaben

  • Research-Agent-Workflows
  • Claude-Code-Teams
  • Teams, die GitHub-Adoptionssignale schätzen
  • Suchquellen

Geeignete Agents

CodexClaude CodeCursorOpenAgentSkill CLIOpenAI AgentsCLI

Installationsentscheidung

Befehl
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Richtlinie
Prüfen
Menschliche Prüfung
Ja

Vertrauen und Risiko

Vertrauen
89/100
Audit
94/100
Risikoebene
Sicher zu testen

Ergebnis-Loop

Endpoint
/api/agent/outcome
Event-ID
resolve
Ergebnisse
5

Installationsbefehl

npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Öffentliches AuditEval-BerichtResolve APIInstallationsübergabe

Nicht verwenden, wenn

  • Teams, die ein vom Anbieter unterstütztes SLA benötigen
  • 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

Alternative

Frontend Design

170.9K Stars

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

Alternative

Taste Skill: Anti-Slop Frontend

79.0K Stars

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

Alternative

Canvas Design

170.9K Stars

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

Alternative

Anthropic Brand Guidelines

170.9K Stars

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

Agent-Sicherheit v2

82/100 · Vor Installation prüfen

GeprüftPrüfen

Gute Audit- und Sicherheitssignale ohne Hochrisiko-Berechtigungshinweise in öffentlichen Metadaten.

Prüfen Sie die Audit-Seite und erlauben Sie die Agent-Installation dann in einem Sandbox-Workflow.

Per API auflösen

Mittel

Netzwerkzugriff

Die Skill ruft wahrscheinlich Remote-Seiten, APIs, Repositories oder externe Dienste ab.

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

Installationsziele

Diesen Skill im Agent-Workflow installieren

Über den öffentlichen Endpunkt erhältst du Befehl, Sicherheitscheckliste, Ziel-Prompts und kanonische Links.

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

Agent-Auflösungsplan

Lass einen Agent die Eignung vor der Installation prüfen.

Die Resolve API liefert die beste Skill, Alternativen, Sicherheitsrichtlinien, Auditnotizen, Installationsziel und einen direkt nutzbaren Prompt.

Textplan öffnen

JSON öffnen

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

Resolve-Text

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

Installationsübergabe

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

Agent sollte prüfen

  • 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.

Prompt kopieren

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.

Agent-Übergabe

Gib dem Agent den Installationspfad, nicht noch ein Verzeichnis.

Über den öffentlichen Endpunkt erhältst du Befehl, Sicherheitscheckliste, Ziel-Prompts und kanonische Links.

Installations-API öffnen

Installationsübergabe

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

LLM-Textformat

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

Alternativen finden

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

Agent-Prompt

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

Registry-Metadaten

Agent-lesbares Profil für die automatische Skill-Auswahl.

Die Registry API stellt Entscheidungs-, Vertrauens-, Audit-, Use-Case- und Installationssignale ohne UI-Scraping bereit.

Manifest öffnen

Manifest

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

LLM-Text

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

Installationsalias

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

Empfehlen

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

Agent-Fit

100/100

Recherche-Agents

Use-Case-Tags

Recherche-AgentsDesign und KreativitätCoding-Agents

Plattformen

Codex, Claude Code, Cursor, OpenAI Agents

Audit-Bericht

Sicher zu testen · 94/100

Maschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.

Audit-Bericht ansehenEval-Bericht ansehen

Agent-Entscheidungspanel

Primäre Wahl für Recherche-Agents

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

100
Bereitschaft
Übernehmen
Phase

Rolle im Stack

Primäre Wahl

Primäre Eignung

Recherche-Agents

Vertrauenslabel

Produktionsbereit

Installationspfad

Befehl bereit

Verwenden wenn

  • Research-Agent-Workflows
  • Claude-Code-Teams
  • Teams, die GitHub-Adoptionssignale schätzen

Evidenz

  • 30,307 GitHub-Stars
  • recent repository activity
  • install command or GitHub repo available
  • Qualitätsprofil 100/100
  • 246 OpenAgentSkill-Interaktionen

zuerst prüfen

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

Implementierungspfad

  1. 1Installieren Sie es in einem Sandbox-Agent und führen Sie eine Recherche-Agents-Aufgabe vollständig aus.
  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.

Vertrauensprofil

Vor Installation prüfen

Gutes Shortlist-Signal, aber der Agent sollte Auditnotizen, Installationsrichtlinien und Ergebnisbelege vor der Ausführung prüfen.

89
OpenAgentSkill Trust Score

GitHub-Akzeptanz

Bestanden

30K GitHub-Stars

Star-/Fork-Aktivität

Bestanden

30K Stars und 2.7K Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbar

Aktuelle Wartung

Bestanden

Heute gepusht

Lizenzklarheit

Bestanden

Source terms (see source)

Positive Signale

  • Manuell verifizierte Auflistung
  • KI-Prüfung genehmigt
  • Installationspfad ist verfügbar
  • Repository-Belege sind verfügbar
  • Kürzlich gewartetes Repository
  • Large GitHub adoption signal
  • Der Installationsbefehl weist kein offensichtliches Hochrisikomuster auf
  • OpenAgentSkill-Nutzungsaktivität erkannt
  • Ergebniszyklus ist bereit, benötigt aber den ersten echten Agent-Lauf

Vor Installation prüfen

  • Use formal accessibility testing for regulated or high-compliance releases.
  • Noch keine echten Agent-Ergebnisberichte
  • Vor unbeaufsichtigter Installation ist menschliche Prüfung erforderlich

Empfohlene Aktion

Nach menschlicher oder Sandbox-Prüfung als primären Kandidaten verwenden.

Qualitätsprofil

Ausgezeichnet Kandidat für Agent-Workflows

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

100
GitHub-Stars
30K
Aktualität
Heute
Installationsbereit
Ja
Lizenz
Source terms (see source)
Vor Installation prüfen: Use formal accessibility testing for regulated or high-compliance releases.

Workflow-Eignung

Diese Skill in diesen Szenarien nutzen

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.

Workflow-Eignung

Zum vollständigen Workflow hinzufügen

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.

Alternativen-Shortlist

Vor Installation vergleichen

Similar skills that may fit this task.

Alle vergleichen

Frontend Design

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

Übernehmen
Bereit100
Qualität100
Stars170.9K

Taste Skill: Anti-Slop Frontend

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

Übernehmen
Bereit100
Qualität100
Stars79.0K

Canvas Design

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

Übernehmen
Bereit100
Qualität100
Stars170.9K

Anthropic Brand Guidelines

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

Übernehmen
Bereit100
Qualität100
Stars170.9K

Übersicht

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.

Plattformkompatibilität

codexFULL
claude-codeFULL
cursorFULL

Technische Details

Version
1.0.0
Lizenz
Source terms (see source)
Letzte Aktualisierung
22. Aug. 2026
Veröffentlicht
21. Juli 2026

Frameworks & Tools

CodexClaude CodeCursor

Entscheidungsübersicht

Primäre Wahl

100
Bereit
Übernehmen
Phase

30,307 GitHub-Stars

Audit

Installationsprüfung

Installations- und Adoptionsprüfung

94
Sicher zu testen
Sicherheit
84/100
Wartung
100/100
Installieren
92/100
Vollständiges Audit öffnenEval-Bericht ansehen

Von Agent belegte Evidenz

Von Agent belegte Evidenz

Ergebnisberichte nach Resolve, Prüfung, Installation und einem begrenzten Lauf.

0
Belegt
Needs first agent runAuto-Installation: zuerst prüfenLetzter: Unbekannt
Erfolgsrate
—
Letzter Fehler
—
Ergebnisse
0
Ausgabequalität
—
Fehlgeschlagen
0
Nicht relevant
0
Installationen
0
Durch Risiko blockiert
0
Einrichtung erforderlich
0
Produktion
0

Noch keine Agent-Ergebnisdaten. Der erste Lauf kann Erfolg, Einrichtungsbedarf, Risikoblockaden, Fehler oder Irrelevanz über /api/agent/outcome melden.

Agent-Proven-RankingErgebnisvertrag

Installieren

Zum Agent-Workflow hinzufügen

Kostenlos und Open Source. Bericht vor der Installation in Produktions-Agents prüfen.

Alternativen vergleichenAuto-AuflösungsplanAuf GitHub ansehenDokumentation

Wachstums-Loop

Share-Kit

X

Szenariobasierter Entwurf für Web Design Guidelines, bereit für einen manuellen X-Post.

Kuratorenhinweis
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
X-Entwurf öffnen
Optionale Antwort mit Installationsbefehl
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
Antwortentwurf öffnen

Quelle des Eintrags

Registry-indexiert

Beanspruchbar

Dieser Eintrag wurde aus öffentlichen Quellen indexiert und ist erst nach Genehmigung eines Maintainer-Anspruchs offiziell.

Ersteller
vercel-labs
Indexiert von
OpenAgentSkill Community-Index

Die Zuordnung verlinkt auf das öffentliche Repository oder Creator-Profil. Creator können den Eintrag beanspruchen, um Eigentümersignale zu aktualisieren.

Diesen Skill beanspruchen

Eigentümeranspruch

Diesen Skill-Eintrag beanspruchen

Dieser Registry-indexiert-Eintrag wird vercel-labs zugeschrieben, ist aber noch nicht offiziell markiert. Beanspruche ihn, um ein verifiziertes Eigentümersignal hinzuzufügen und künftige Launch-, Installations- und Audit-Updates vertrauenswürdiger zu machen.

Creator-Backlink-Kit

Evidenz-Badges in deine README einfügen

Zeige den kanonischen Eintrag, aktuelle Vertrauens- und Audit-Signale sowie echte Agent-Proven-Evidenz dort, wo Entwickler das Repository bewerten.

[![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)
Badge-Vorschau Audit öffnen Creator-Kit

Autor

V

vercel-labs✓

@vercel-labs

Tags

agent-skillui-reviewuxaccessibilityweb-designdesign-auditinteraction

Plattform-Fit

Claude CodeOpenAI AgentsCursor

Gesundheitssignale

GitHub-Stars
30.3K
Qualitätswert
75/100
Letzter GitHub-Push
21. Aug. 2026
Framework-Hinweise
3
OpenAgentSkill-Aufrufe
62
Installationskopien
11
Externe Klicks
3

Community-Signal

Teile mit, ob dieser Skill für deinen Agent-Workflow nützlich ist. Zusammengefasstes Feedback verbessert das Ranking im Laufe der Zeit.

Vertrauen & Sicherheit

Vor Installation prüfen

89
  • GitHub-Akzeptanz30K GitHub-StarsBestanden
  • Star-/Fork-Aktivität30K Stars und 2.7K Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbarBestanden
  • Aktuelle WartungHeute gepushtBestanden
  • LizenzklarheitSource terms (see source)Bestanden
  • README/SKILL.md-VollständigkeitMetadaten enthalten ausreichend Nutzungs- und Workflow-KontextBestanden
  • Abhängigkeits-/LaufzeitrisikoKeine wesentlichen Abhängigkeitsrisikohinweise in öffentlichen MetadatenBestanden

Ähnliche Skills

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
InstallierenAuf GitHub ansehen