senior-frontend
Produktionsreife Frontend-Funktionen entwickeln
Frontend-Teams benötigen projektübergreifend einheitliche Leitlinien für React und Next.js. Dieser Skill bietet Referenz-Workflows, Qualitätspraktiken und Hilfsskripte für die Frontend-Analyse.
Mit meinem Agent installieren
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "senior-frontend" from https://skillstore.io/skills/davila7-senior-frontend.md and its manifest at https://skillstore.io/api/skills/davila7-senior-frontend/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.
Testen
„senior-frontend“ wird verwendet. Überprüfe diese React-Dashboard-Komponente hinsichtlich ihrer Wartbarkeit.
Erwartetes Ergebnis:
Eine priorisierte Überprüfung der Komponentengrenzen, wiederholten Zustände, Lücken bei der Barrierefreiheit und gezielten Refactoring-Schritte.
„senior-frontend“ wird verwendet. Analysiere diese Next.js-Route auf Performance-Probleme.
Erwartetes Ergebnis:
Ein prägnanter Performance-Bericht mit Rendering-Bedenken, Caching-Möglichkeiten, Hinweisen zu Assets und Messschritten.
„senior-frontend“ wird verwendet. Hilf dabei, Frontend-Regeln für ein neues Teamprojekt zu definieren.
Erwartetes Ergebnis:
Eine Team-Checkliste zu Struktur, Benennung, Zustandsverantwortung, Sicherheitsgrundlagen, Tests und Erwartungen an Reviews.
Sicherheitsaudit
SicherAll static findings were adjudicated as false positives. The skill contains local documentation, sample developer commands, and simple scripts that write user-requested JSON output, with no evidence of prompt injection, credential exfiltration, or hidden command execution.
Risikofaktoren
📁 Dateisystemzugriff (3)
⚙️ Externe Befehle (24)
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.
Berichtslink kopieren
https://skillstore.io/skills/davila7-senior-frontend/audits/13?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/davila7-senior-frontend?utm_source=security_passport_badge)HTML-Badge
<a href="https://skillstore.io/skills/davila7-senior-frontend?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/davila7-senior-frontend/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Einbettungskarte
<iframe src="https://skillstore.io/embed/skills/davila7-senior-frontend.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
davila7. (2026). senior-frontend security audit report (audit version 13) [Author version unspecified]. Skillstore. https://skillstore.io/skills/davila7-senior-frontend/audits/13BibTeX-Zitat
@techreport{davila7-davila7-senior-frontend-2026,
author = {davila7},
title = {senior-frontend security audit report (audit version 13)},
institution = {Skillstore},
year = {2026},
number = {13},
url = {https://skillstore.io/skills/davila7-senior-frontend/audits/13},
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: "senior-frontend security audit report (audit version 13)"
version: "unspecified"
type: report
authors:
- name: "davila7"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/davila7-senior-frontend/audits/13"
identifiers:
- type: other
value: "skillstore:davila7-senior-frontend:audit:13"
description: "Skillstore immutable audit report identifier"
Varianten vergleichen
2 installierbare VariantenJeder Autor bleibt ein eigener installierbarer Skill. Die empfohlene Variante wird nach Skillstore-Nachweisen bewertet.
Warum diese Variante zuerst steht
davila7-senior-frontend
2026-09-09
alirezarezvani-senior-frontend
2026-09-09
Skillstore-Score
Warum dieser Score Evidenzvertrauen: HochWas Sie erstellen können
Eine Frontend-Funktion planen
Nutzen Sie die Referenzen, um vor der Implementierung die React-Struktur, Zustandsgrenzen und Qualitätsprüfungen festzulegen.
Performance einer Webanwendung überprüfen
Führen Sie das Analyse-Hilfsskript aus und nutzen Sie den Optimierungsleitfaden, um die weiteren Arbeiten zu strukturieren.
Teampraktiken standardisieren
Überführen Sie die enthaltenen Leitlinien zu Qualität, Sicherheit und Wartbarkeit in gemeinsame Projektkonventionen.
Diese Prompts ausprobieren
Verwende diesen Skill, um meinen Plan für eine React-Komponente zu überprüfen. Identifiziere Strukturprobleme, fehlende Zustände, Anforderungen an die Barrierefreiheit und einfache Verbesserungsmöglichkeiten.
Verwende diesen Skill, um diese Next.js-Seite hinsichtlich Performance, Datenladen, Caching und Rendering-Verbesserungen zu überprüfen. Priorisiere umsetzbare Änderungen.
Verwende diesen Skill, um Frontend-Standards für React, TypeScript, Tailwind CSS, Tests und Wartbarkeit zu entwerfen. Halte die Regeln praxisnah.
Verwende diesen Skill, um eine Frontend-Architektur zu prüfen. Bewerte Zustandsverwaltung, Komponentengrenzen, Bundle-Risiken, Sicherheitspraktiken und Migrationsschritte.
Bewährte Praktiken
- Prüfen Sie die generierten Leitlinien anhand der tatsächlich verwendeten Framework-Version und der Projektanforderungen.
- Fragen Sie nach, bevor Sie Installations-, Bereitstellungs- oder dateischreibende Befehle aus der Dokumentation ausführen.
- Verwenden Sie die Hilfsskripte für Berichte erst, nachdem Sie die Ziel- und Ausgabepfade bestätigt haben.
Vermeiden
- Behandeln Sie die Platzhalterskripte nicht als vollständige produktionsreife Analysatoren.
- Führen Sie Docker-, kubectl-, npm- oder pip-Befehle aus diesem Skill nicht automatisch aus.
- Kopieren Sie Umgebungsdateien nicht über bestehende lokale Konfigurationen, ohne diese vorher zu prüfen.
Häufig gestellte Fragen
Generiert dieser Skill vollständige React-Komponenten?
Kann er eine Next.js-Anwendung automatisch optimieren?
Unterstützt er Claude, Codex und Claude Code?
Greift der Skill auf das Netzwerk zu?
Warum stellen Befehlsbeispiele ein Risiko dar?
Sollten Benutzer die Hilfsskripte direkt ausführen?
Entwicklerdetails
Autor
davila7Lizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
b959ebfd1043a07c0c4378ab94ca4342cb0259f5
Aktualität der Wartung
23.7.2026
Nutzung
16 Downloads · 197 Aufrufe
Dateistruktur