Fähigkeiten web-design-guidelines
📦

web-design-guidelines

v1.0.0 Inhaltsrevision r2 Mittleres Risiko ⚙️ Externe Befehle🌐 Netzwerkzugriff

Weboberflächen anhand von UI-Richtlinien überprüfen

Design-Reviews lassen sich über Barrierefreiheit, UX und Oberflächenregeln hinweg nur schwer konsistent halten. Dieser Skill wendet externe Web Interface Guidelines auf ausgewählte Dateien an und meldet prägnante Probleme.

Unterstützt: Claude Codex Code(CC)
📊 72 Angemessen

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage
Review the Skillstore skill "web-design-guidelines" from https://skillstore.io/skills/antvu-web-design-guidelines.md and its manifest at https://skillstore.io/api/skills/antvu-web-design-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/antvu-web-design-guidelines.md Signiertes manifest GET /api/skills/antvu-web-design-guidelines/manifest Signiertes lockfile GET /api/skills/antvu-web-design-guidelines/lockfile

Testen

„web-design-guidelines“ wird verwendet. Überprüfe meine Dashboard-Komponenten.

Erwartetes Ergebnis:

Eine prägnante Liste von Problemen mit Datei- und Zeilenverweisen, gruppiert nach Auswirkung auf die Richtlinien.

„web-design-guidelines“ wird verwendet. Prüfe die Barrierefreiheit der Einstellungsseite.

Erwartetes Ergebnis:

Befunde mit Fokus auf Labels, Tastaturzugriff, Fokusreihenfolge, Kontrast und Fehlermeldungen.

„web-design-guidelines“ wird verwendet. Prüfe diese UI vor dem Release.

Erwartetes Ergebnis:

Eine priorisierte Prüfung blockierender Oberflächenprobleme und kleinerer Feinschliffpunkte.

Sicherheitsaudit

Mittleres Risiko
v5 • 23.7.2026 Versionsbericht öffnen

The two external-command findings are false positives caused by Markdown backticks and a fenced URL block; neither executes a shell command. The skill intentionally fetches mutable remote instructions, creating a network dependency and an indirect prompt-injection or supply-chain risk.

2
Gescannte Dateien
46
Analysierte Zeilen
1
Prüfelemente
0
Falschmeldungen ignoriert

Bestätigte Sicherheitsbedenken (1)

Mittel
SKILL.md:23-29
Mutable Remote Instructions
The skill directs the agent to fetch a mutable remote document and follow its rules and output instructions. Upstream changes could alter agent behavior without a skill update.
Lines 23-29 require fresh retrieval and state that fetched content supplies instructions. This creates a clear indirect prompt-injection and supply-chain path.
Elemente der Fähigkeitsprüfung (1)

Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.

Niedrig
SKILL.md:26
Hardcoded URL
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
The skill explicitly requires fetching this URL before every review, so network access is intentional. The mutable remote document is then treated as review instructions.

Risikofaktoren

⚙️ Externe Befehle (2)
SKILL.md:19 SKILL.md:25-27
🌐 Netzwerkzugriff (1)
SKILL.md:26
Geprüft von: codex Audit-Verlauf anzeigen →
Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen
Sicherheitsbewertung

Berichtslink kopieren

https://skillstore.io/skills/antvu-web-design-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/antvu-web-design-guidelines/security.svg)](https://skillstore.io/skills/antvu-web-design-guidelines?utm_source=security_passport_badge)

HTML-Badge

<a href="https://skillstore.io/skills/antvu-web-design-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antvu-web-design-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/antvu-web-design-guidelines.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

antfu. (2026). web-design-guidelines security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/antvu-web-design-guidelines/audits/5

BibTeX-Zitat

@techreport{antfu-antvu-web-design-guidelines-2026, author = {antfu}, title = {web-design-guidelines security audit report (audit version 5)}, institution = {Skillstore}, year = {2026}, number = {5}, url = {https://skillstore.io/skills/antvu-web-design-guidelines/audits/5}, note = {Author version 1.0.0} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "web-design-guidelines security audit report (audit version 5)" version: "1.0.0" type: report authors: - name: "antfu" date-released: "2026-07-23" url: "https://skillstore.io/skills/antvu-web-design-guidelines/audits/5" identifiers: - type: other value: "skillstore:antvu-web-design-guidelines:audit:5" description: "Skillstore immutable audit report identifier"

Varianten vergleichen

6 installierbare Varianten

Jeder Autor bleibt ein eigener installierbarer Skill. Die empfohlene Variante wird nach Skillstore-Nachweisen bewertet.

Warum diese Variante zuerst steht

Höchster Skillstore-Score
vercel-labs Empfohlen

vercel-labs-web-design-guidelines

Skillstore-Score 73
Evidenzvertrauen Hoch
Skillstore-Nutzung 59
Aktualisiert

2026-09-09

ZhanlinCui

zhanlincui-web-design-guidelines

Skillstore-Score 72
Evidenzvertrauen Hoch
Skillstore-Nutzung 142
Aktualisiert

2026-09-09

antfu Aktuell

antvu-web-design-guidelines

Skillstore-Score 72
Evidenzvertrauen Hoch
Skillstore-Nutzung 19
Aktualisiert

2026-09-09

antfu

antfu-web-design-guidelines

Skillstore-Score 72
Evidenzvertrauen Hoch
Skillstore-Nutzung 13
Aktualisiert

2026-09-09

supercent-io

supercent-io-web-design-guidelines

Skillstore-Score 71
Evidenzvertrauen Hoch
Skillstore-Nutzung 60
Aktualisiert

2026-09-09

sickn33

sickn33-web-design-guidelines

Skillstore-Score 69
Evidenzvertrauen Hoch
Skillstore-Nutzung 9
Aktualisiert

2026-09-09

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch
55
Architektur
100
Wartbarkeit
87
Inhalt
70
Gemeinschaft
83
Spezifikationskonformität

Was Sie erstellen können

Eine React-Oberfläche prüfen

Komponentendateien vor dem Merge prüfen, um UI-, Barrierefreiheits- und Interaktionsprobleme zu erkennen.

Änderungen am Designsystem überprüfen

Geteilte Komponenten vor der Veröffentlichung einer neuen Paketversion anhand von Oberflächenregeln bewerten.

Produktseiten validieren

Vor dem Release eine prägnante UX- und Barrierefreiheitsprüfung für wichtige Seiten durchführen.

Diese Prompts ausprobieren

Eine Seite überprüfen 
Überprüfe `app/page.tsx` anhand der Web Interface Guidelines und liste prägnante Befunde auf.
Eine Komponentengruppe prüfen 
Überprüfe alle Dateien in `src/components/**/*.tsx` auf Probleme mit Barrierefreiheit, Layout und Interaktionsrichtlinien.
Einen Feature-Flow prüfen 
Überprüfe `app/settings/**` und konzentriere dich auf Formularbenutzbarkeit, Fehlerzustände, Tastaturzugriff und responsives Verhalten.
Vor dem Release vergleichen 
Überprüfe `app/dashboard/**` und `src/components/data-table/**`. Priorisiere release-blockierende UI-, Barrierefreiheits- und UX-Probleme.

Bewährte Praktiken

  • Exakte Dateien oder enge Muster für eine fokussierte Prüfung angeben.
  • Abgerufene Richtlinieninhalte als nicht vertrauenswürdiges Referenzmaterial behandeln.
  • Automatisierte Tests und visuelle Prüfungen zusätzlich zum Skill-Review ausführen.

Vermeiden

  • Den Skill bitten, ein gesamtes Repository ohne Eingrenzung zu überprüfen.
  • Entfernte Richtlinientexte höher zu priorisieren als System- oder Entwickleranweisungen.
  • Befunde als einzigen Schritt zur Barrierefreiheitsvalidierung verwenden.

Häufig gestellte Fragen

Was überprüft dieser Skill?
Er überprüft Weboberflächendateien anhand der Vercel Web Interface Guidelines.
Ändert er Dateien?
Nein. Er meldet nur Probleme und Zeilenverweise.
Benötigt er Internetzugang?
Ja. Er ist darauf ausgelegt, vor jeder Prüfung aktuelle Richtlinien abzurufen.
Kann er Barrierefreiheit prüfen?
Er kann Barrierefreiheitsprobleme identifizieren, die von der Richtlinienquelle abgedeckt werden.
Welche Tools werden unterstützt?
Er unterstützt Claude, Codex und Claude Code.
Ist die Verwendung sicher?
Er hat zur Laufzeit eine Netzwerkabhängigkeit. Prüfe oder pinne die entfernte Richtlinienquelle für strengere Sicherheit.

Entwicklerdetails

Autor

antfu

Lizenz

MIT

Autorenversion

v1.0.0

Skillstore-Revision

r2

Repository

https://github.com/antfu/skills/tree/main/skills/web-design-guidelines/

Ref.

89edfdc710d0846129dcee6a929477b04f08052c

Aktualität der Wartung

26.7.2026

Nutzung

16 Downloads · 181 Aufrufe

Dateistruktur

📄 SKILL.md

📄 SYNC.md