Fähigkeiten frontend-code-review

📦

frontend-code-review

Name: frontend-code-review
Author: langgenius

Inhaltsrevision r1 Sicher 🌐 Netzwerkzugriff⚙️ Externe Befehle

Dify-Frontend-Änderungen überprüfen

Frontend-Reviews übersehen häufig Probleme bei Barrierefreiheit, Datengrenzen und Komponentenverantwortung. Dieser Skill gibt Claude und Codex eine fokussierte Checkliste für Code-Reviews von Dify React- und Next.js-Code.

Unterstützt: Claude Codex Code(CC)

📊 75 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 "frontend-code-review" from https://skillstore.io/skills/langgenius-frontend-code-review.md and its manifest at https://skillstore.io/api/skills/langgenius-frontend-code-review/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/langgenius-frontend-code-review.md Signiertes manifest GET /api/skills/langgenius-frontend-code-review/manifest Signiertes lockfile GET /api/skills/langgenius-frontend-code-review/lockfile

Testen

„frontend-code-review“ wird verwendet. Überprüfe die ausstehenden Änderungen an einem Einstellungsdialog.

Erwartetes Ergebnis:

Befunde sind nach Schweregrad geordnet.
Jeder Befund enthält eine Datei und Zeile, sofern verfügbar.
Die Antwort erklärt, warum das Problem wichtig ist, und gibt eine konkrete Richtung für die Behebung.

„frontend-code-review“ wird verwendet. Überprüfe ein Komponenten-Refactoring, bei dem keine Probleme gefunden wurden.

Erwartetes Ergebnis:

Keine Probleme gefunden. Die Antwort nennt außerdem, welche Tests nicht ausgeführt wurden, sowie verbleibende Review-Einschränkungen.

„frontend-code-review“ wird verwendet. Prüfe ein Formular, das benutzerdefinierte Steuerelemente verwendet.

Erwartetes Ergebnis:

Der Review prüft zugängliche Namen, Feld-Labels, Tastaturverhalten, deaktivierte Zustände und Fehlerbehebung.
Er vermeidet rein stilbezogenes Feedback, sofern es kein für Benutzer sichtbares Problem verursacht.

Sicherheitsaudit

Sicher

v6 • 9.7.2026 Versionsbericht öffnen

All static findings are false positives from Markdown formatting, repository path references, a public guideline URL, and frontend review prose. No evidence found of executable command use, covert network behavior, prompt injection, or malicious intent in the reviewed files.

Gescannte Dateien

753

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Risikofaktoren

🌐 Netzwerkzugriff (3)

references/accessibility-ui.md:8 SKILL.md:3 SKILL.md:34

⚙️ Externe Befehle (15)

SKILL.md:3 SKILL.md:10 SKILL.md:18 SKILL.md:24 SKILL.md:25 SKILL.md:26 SKILL.md:27 SKILL.md:28 SKILL.md:29 SKILL.md:33-35 SKILL.md:35-54 SKILL.md:54 SKILL.md:71-75 SKILL.md:75-86 SKILL.md:86-90

Das letzte abgeschlossene statische und semantische Audit erkannte keine bestätigten Sicherheitsbefunde. Dies beweist nicht, dass der Skill keine Nebenwirkungen hat.

Geprüft von: claude 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

Berichtslink kopieren

https://skillstore.io/skills/langgenius-frontend-code-review/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/langgenius-frontend-code-review/security.svg)](https://skillstore.io/skills/langgenius-frontend-code-review?utm_source=security_passport_badge)

HTML-Badge

<a href="https://skillstore.io/skills/langgenius-frontend-code-review?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/langgenius-frontend-code-review/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/langgenius-frontend-code-review.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

langgenius. (2026). frontend-code-review security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/langgenius-frontend-code-review/audits/6

BibTeX-Zitat

@techreport{langgenius-langgenius-frontend-code-review-2026,
  author = {langgenius},
  title = {frontend-code-review security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/langgenius-frontend-code-review/audits/6},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-code-review security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
  - name: "langgenius"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/langgenius-frontend-code-review/audits/6"
identifiers:
  - type: other
    value: "skillstore:langgenius-frontend-code-review:audit:6"
    description: "Skillstore immutable audit report identifier"

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Einen Pull Request vor dem Merge überprüfen

Geänderte React- und Next.js-Dateien auf für Benutzer sichtbare Regressionen, Barrierefreiheitsprobleme und Testlücken prüfen.

Ein Dify UI-Komponenten-Refactoring prüfen

Überprüfen, dass Komponentenverantwortung, Primitive-Nutzung, Fokusverhalten und Interaktionsverträge korrekt bleiben.

Risikoreiche Frontend-Datenflüsse validieren

Query Keys, Mutationen, SSR-Grenzen, URL-Zustand sowie Workspace- oder Auth-Annahmen vor dem Release überprüfen.

Diese Prompts ausprobieren

Meine ausstehenden Frontend-Änderungen überprüfen

Nutze den frontend-code-review Skill, um meine ausstehenden Dify-Frontend-Änderungen zu überprüfen. Konzentriere dich auf Korrektheit, Barrierefreiheit und klare Korrekturen.

Eine bestimmte Komponentendatei überprüfen

Nutze den frontend-code-review Skill, um web/path/to/component.tsx zu überprüfen. Prüfe Komponentenverantwortung, Dify UI-Nutzung, Barrierefreiheit und Testabdeckung.

Einen Overlay- oder Formularablauf prüfen

Nutze den frontend-code-review Skill, um diesen Dialog- oder Formularablauf zu prüfen. Überprüfe Labels, Fokusverhalten, Tastaturzugriff, deaktivierte Zustände und Popup-Erreichbarkeit.

Einen release-blockierenden Frontend-Review durchführen

Nutze den frontend-code-review Skill für einen gründlichen release-blockierenden Review. Priorisiere P0- und P1-Probleme in Datenverträgen, SSR-Verhalten, Barrierefreiheit, Performance und Tests.

Bewährte Praktiken

Stelle die genauen Dateien, den Diff oder den Pull-Request-Umfang bereit, den du überprüft haben möchtest.
Erwähne, ob der Review schnell, gründlich oder release-blockierend sein soll.
Führe relevante Tests aus oder teile Testeinschränkungen mit, damit der Review das verbleibende Risiko einbeziehen kann.

Vermeiden

Verwende ihn nicht für reinen Backend-Code unter api-Pfaden.
Bitte nicht um breite Stilpräferenzen ohne konkretes Frontend-Risiko.
Behandle eingefügte Snippets nicht als vollständig, wenn der umgebende Kontext zu Verantwortung oder Barrierefreiheit wichtig ist.