📦

react-dev

Name: react-dev
Author: softaworks

v1.0.0 Inhaltsrevision r1 Sicher ⚙️ Externe Befehle⚡ Enthält Skripte🌐 Netzwerkzugriff🔑 Umgebungsvariablen📁 Dateisystemzugriff

Typsichere React-Komponenten erstellen

React-TypeScript-Arbeit erfordert häufig präzise Typen für Events, Hooks und Routen. Diese Skill bietet fokussierte Muster für typisierte Komponenten, React 19 APIs und Routing.

Unterstützt: Claude Codex Code(CC)

🥈 82 Silber

Maintain this Skill? Claim it 🥈 82 Silber

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 "react-dev" from https://skillstore.io/skills/softaworks-react-dev.md and its manifest at https://skillstore.io/api/skills/softaworks-react-dev/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/softaworks-react-dev.md Signiertes manifest GET /api/skills/softaworks-react-dev/manifest Signiertes lockfile GET /api/skills/softaworks-react-dev/lockfile

Testen

„react-dev“ wird verwendet. Ich brauche eine typisierte Formularfeld-Komponente für Text- und Zahleneingaben.

Erwartetes Ergebnis:

Die Skill würde die Erweiterung nativer Input-Props, ein typisiertes Wertmodell, präzise Change-Handler und barrierefreie Fehlerkennungen vorschlagen.

„react-dev“ wird verwendet. Ich migriere eine React 18-Komponente auf React 19.

Erwartetes Ergebnis:

Die Skill würde veraltete forwardRef- oder useFormState-Nutzung erkennen und Muster mit ref-as-prop und useActionState vorschlagen.

„react-dev“ wird verwendet. Ich brauche typisierte Routenparameter und Suchparameter.

Erwartetes Ergebnis:

Die Skill würde TanStack Router- oder React Router-Muster für validierte Parameter, Loader-Daten und Navigation skizzieren.

Sicherheitsaudit

Sicher

v6 • 9.7.2026 Versionsbericht öffnen

All 132 static findings were reviewed against the Markdown-only skill content. They are false positives caused by fenced code blocks, TypeScript template literals, React key and event terminology, normal fetch and dynamic import examples, server-only environment access examples, and generated router paths. No prompt injection, executable malware behavior, or malicious semantic intent was found.

Gescannte Dateien

5,219

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Risikofaktoren

⚙️ Externe Befehle (50)

examples/generic-components.md:109-132 examples/generic-components.md:237-244 examples/generic-components.md:305-317 examples/generic-components.md:324-339 examples/generic-components.md:339-349 examples/generic-components.md:349-368 examples/generic-components.md:459-462 examples/generic-components.md:462-495 examples/server-components.md:38-44 examples/server-components.md:149-150 examples/server-components.md:150-166 README.md:212-238 references/event-handlers.md:42-58 references/event-handlers.md:277-296 references/react-19-patterns.md:111-118 references/react-19-patterns.md:480-506 references/react-router.md:184-192 references/react-router.md:226-233 references/react-router.md:531-533 references/react-router.md:797-810 references/tanstack-router.md:135-138 SKILL.md:30-39 SKILL.md:39-43 SKILL.md:43-52 SKILL.md:52-56 SKILL.md:56-61 SKILL.md:61-71 SKILL.md:71-79 SKILL.md:79-83 SKILL.md:83-89 SKILL.md:89-93 SKILL.md:93-104 SKILL.md:104-112 SKILL.md:112-133 SKILL.md:133-143 SKILL.md:143-146 SKILL.md:146-150 SKILL.md:150-153 SKILL.md:153-157 SKILL.md:157-168 SKILL.md:168-172 SKILL.md:172-178 SKILL.md:178-182 SKILL.md:182-190 SKILL.md:190-202 SKILL.md:202-235 SKILL.md:235-239 SKILL.md:239-245 SKILL.md:245-257 SKILL.md:257-262

⚡ Enthält Skripte (2)

examples/server-components.md:440 references/react-router.md:307

🌐 Netzwerkzugriff (6)

examples/server-components.md:38 examples/server-components.md:38 references/hooks.md:263 references/react-19-patterns.md:428 references/react-19-patterns.md:480 references/tanstack-router.md:135

🔑 Umgebungsvariablen (3)

examples/server-components.md:436 examples/server-components.md:436 examples/server-components.md:436

📁 Dateisystemzugriff (1)

references/react-router.md:23

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

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

Berichtslink kopieren

https://skillstore.io/skills/softaworks-react-dev/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/softaworks-react-dev/security.svg)](https://skillstore.io/skills/softaworks-react-dev?utm_source=security_passport_badge)

HTML-Badge

<a href="https://skillstore.io/skills/softaworks-react-dev?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/softaworks-react-dev/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/softaworks-react-dev.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

softaworks. (2026). react-dev security audit report (audit version 6) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/softaworks-react-dev/audits/6

BibTeX-Zitat

@techreport{softaworks-softaworks-react-dev-2026,
  author = {softaworks},
  title = {react-dev security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/softaworks-react-dev/audits/6},
  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: "react-dev security audit report (audit version 6)"
version: "1.0.0"
type: report
authors:
  - name: "softaworks"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/softaworks-react-dev/audits/6"
identifiers:
  - type: other
    value: "skillstore:softaworks-react-dev:audit:6"
    description: "Skillstore immutable audit report identifier"

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

100

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Typisierte Komponenten erstellen

Erstelle wiederverwendbare React-Komponenten mit präzisen Props, Children, Refs und Variantentypen.

React 19-Muster übernehmen

Nutze ref als Prop, useActionState, use(), Server Components und Server Actions mit TypeScript.

Typisiertes Routing implementieren

Wende typsichere Muster für Routenparameter, Loader-Daten, Suchparameter und Navigation an.

Diese Prompts ausprobieren

Eine Basiskomponente typisieren

Hilf mir, eine React-Komponente mit TypeScript zu typisieren. Sie soll native Button-Props erweitern und primary- sowie secondary-Varianten unterstützen.

Event-Handler typisieren

Überprüfe meine React-Formular-Handler und ersetze breite Event-Typen durch präzise TypeScript-Event-Typen für Eingaben, Submit und Tastaturaktionen.

Eine generische Komponente erstellen

Entwirf eine generische React-Tabellenkomponente, die Spaltenschlüssel aus dem Datentyp ableitet und benutzerdefinierte Render-Funktionen unterstützt.

React 19-Routing planen

Hilf dabei, dieses React-TypeScript-Feature auf React 19 mit Server Components, useActionState und typsicheren Router-Loader-Daten zu migrieren.

Bewährte Praktiken

Verwende spezifische React-Event-Typen und currentTarget für elementspezifische Typisierung.
Modelliere Komponentenvarianten mit discriminated unions statt mit breiten optionalen Props.
Trenne Server Components und Client Components durch Dateigrenzen und Direktiven.