coding-standards
React- und TypeScript-Standards anwenden
Frontend-Teams benötigen konsistente React- und TypeScript-Muster über wiederkehrende Codearbeiten hinweg. Dieser Skill gibt Claude, Codex und Claude Code konkrete Standards für Komponenten, Hooks, Tests, Importe und Reviews in Portfolio Buddy 2.
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 "coding-standards" from https://skillstore.io/skills/5minfutures-coding-standards.md and its manifest at https://skillstore.io/api/skills/5minfutures-coding-standards/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
„coding-standards“ wird verwendet. Eine Metriktabellen-Komponente auf Einhaltung der Standards reviewen.
Erwartetes Ergebnis:
- Die Komponente folgt der Hook-Reihenfolgeregel und verwendet typisierte Props.
- Der Sortier-Callback sollte einen stabilen Callback verwenden, da er an untergeordnete Header weitergegeben wird.
- Die Datei liegt über dem bevorzugten Größenlimit, daher sollte das Rendering der Zeilen in eine fokussierte untergeordnete Komponente extrahiert werden.
„coding-standards“ wird verwendet. Ein Refactoring für einen großen Portfolio-Abschnitt planen.
Erwartetes Ergebnis:
- Behalte die Orchestrierung in der übergeordneten Komponente.
- Verschiebe den State für Contract Multiplier in einen Custom Hook.
- Extrahiere Chart-Rendering und Portfolio-Statistiken in separate Komponenten mit typisierten Props.
„coding-standards“ wird verwendet. Eine Utility zum Parsen von Daten vor dem Merge prüfen.
Erwartetes Ergebnis:
- Füge explizite Rückgabetypen für geparste Trade-Datensätze hinzu.
- Behandle leere Eingaben und fehlerhafte Zeilen als Testfälle.
- Verwende Kommentare nur dort, wo die Berechnungsabsicht nicht offensichtlich ist.
Sicherheitsaudit
SicherAll 62 static findings are false positives. Markdown code delimiters were misidentified as shell backticks, and ordinary TypeScript find calls and documentation were misidentified as reconnaissance. No executable commands, data exfiltration, prompt injection, or malicious intent were found in SKILL.md.
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/5minfutures-coding-standards/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/5minfutures-coding-standards?utm_source=security_passport_badge)HTML-Badge
<a href="https://skillstore.io/skills/5minfutures-coding-standards?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/5minfutures-coding-standards/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Einbettungskarte
<iframe src="https://skillstore.io/embed/skills/5minfutures-coding-standards.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
5MinFutures. (2026). coding-standards security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/5minfutures-coding-standards/audits/5BibTeX-Zitat
@techreport{5minfutures-5minfutures-coding-standards-2026,
author = {5MinFutures},
title = {coding-standards security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/5minfutures-coding-standards/audits/5},
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: "coding-standards security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "5MinFutures"
date-released: "2026-07-20"
url: "https://skillstore.io/skills/5minfutures-coding-standards/audits/5"
identifiers:
- type: other
value: "skillstore:5minfutures-coding-standards:audit:5"
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
5minfutures-coding-standards
2026-10-13
sickn33-coding-standards
2026-09-09
Skillstore-Score
Warum dieser Score Evidenzvertrauen: HochWas Sie erstellen können
Konsistente Komponenten erstellen
Nutze die Standards beim Erstellen neuer React-Komponenten mit typisierten Props, klarem State und vorhersehbarer Hook-Nutzung.
Portfolio Buddy-Änderungen reviewen
Prüfe Pull Requests anhand der dokumentierten Regeln für TypeScript, Fehlerbehandlung, Tests und Importe.
Gezielte Refactorings planen
Identifiziere übergroße Komponenten und verschiebe Logik in kleinere Komponenten, Hooks oder Utilities.
Diese Prompts ausprobieren
Reviewe diese React-Komponente mit dem coding-standards-Skill. Konzentriere dich auf Props, Hooks, TypeScript-Typen, Fehlerbehandlung und Komponentengröße.
Nutze den coding-standards-Skill, um schwache Typisierung in dieser Datei zu identifizieren. Schlage konkrete Ersetzungen für any, unsicheren Null-Zugriff und unklare inferierte Typen vor.
Wende den coding-standards-Skill an, um diese übergroße Komponente zu refactoren. Schlage extrahierte Komponenten, Custom Hooks, Utilities und die finale Verantwortung jedes Teils vor.
Auditiere diese Änderungen anhand des coding-standards-Skills. Behandle React 19-Muster, TypeScript-Striktheit, Chart.js-Nutzung, Tests, Importe, Kommentare und die Review-Checkliste.
Bewährte Praktiken
- Nutze die Checkliste vor dem Merge, damit Standards konsistent angewendet werden.
- Kombiniere Refactoring-Vorschläge mit kleinen, gut reviewbaren Änderungen.
- Aktualisiere projektspezifische Verstoßzahlen, wenn sich die Codebasis ändert.
Vermeiden
- Behandle die Standards nicht als Ersatz für das Ausführen von Tests und Typprüfungen.
- Wende die Dateistrukturregeln von Portfolio Buddy 2 nicht blind auf nicht verwandte Projekte an.
- Füge keine breiten Abstraktionen hinzu, es sei denn, sie reduzieren klare Duplizierung oder Komplexität.
Häufig gestellte Fragen
Für welche Projekte ist dieser Skill konzipiert?
Kann er Standards automatisch durchsetzen?
Unterstützt er Claude, Codex und Claude Code?
Welche React-Muster behandelt er?
Enthält er Testanleitung?
Ist der Skill sicher zu veröffentlichen?
Entwicklerdetails
Autor
5MinFuturesLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
820ccb93d2e2fe828678ed05433bafd1054e5000
Aktualität der Wartung
28.7.2026
Nutzung
22 Downloads · 273 Aufrufe
Dateistruktur
📄 SKILL.md