📦

formik-patterns

Name: formik-patterns
Author: ChrisWiles

Inhaltsrevision r1 Sicher ⚙️ Externe Befehle

Zuverlässige Formik-Formulare erstellen

Formik-Formulare wiederholen häufig Validierungs-, Fehleranzeige- und Submit-Status-Logik. Dieser Skill bietet prägnante Muster für wiederverwendbare Felder, Yup-Schemas, GraphQL-Submissions, Bearbeitungsformulare und mehrstufige Abläufe.

Unterstützt: Claude Codex Code(CC)

🥉 79 Bronze

Maintain this Skill? Claim it 🥉 79 Bronze

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

Testen

„formik-patterns“ wird verwendet. Anfrage für ein neues Login-Formular mit Validierung.

Erwartetes Ergebnis:

Ein Formik-Implementierungsplan mit initialen Werten, einem Yup-Schema, Feldverdrahtung, Fehleranzeige für berührte Felder und Zustand des Submit-Buttons.

„formik-patterns“ wird verwendet. Anfrage zur Verbesserung eines Elementerstellungsformulars, das über GraphQL übermittelt wird.

Erwartetes Ergebnis:

Ein überarbeiteter Formularansatz mit Behandlung erfolgreicher Mutations, Fehler-Toasts, Bereinigung des Submitting-Zustands und deaktivierten Ladezuständen.

„formik-patterns“ wird verwendet. Anfrage für einen Checkout-Ablauf mit Schritten für persönliche Daten, Adresse und Zahlung.

Erwartetes Ergebnis:

Eine mehrstufige Formularstruktur mit schrittspezifischer Validierung, Zurück- und Weiter-Steuerungen sowie finalem Submit-Verhalten.

Sicherheitsaudit

Sicher

v8 • 6.7.2026 Versionsbericht öffnen

The static findings are false positives caused by Markdown code fences and form validation examples in SKILL.md. I found no executable shell commands, prompt injection, secret access, or instructions to bypass analysis. The skill is documentation-only and focuses on Formik and Yup patterns.

Gescannte Dateien

363

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Risikofaktoren

⚙️ Externe Befehle (19)

SKILL.md:10-62 SKILL.md:62-68 SKILL.md:68-109 SKILL.md:109-113 SKILL.md:113-122 SKILL.md:122-128 SKILL.md:128-138 SKILL.md:138-142 SKILL.md:142-150 SKILL.md:150-154 SKILL.md:154-192 SKILL.md:192-196 SKILL.md:196-236 SKILL.md:236-240 SKILL.md:240-256 SKILL.md:256-260 SKILL.md:260-308 SKILL.md:308-312 SKILL.md:312-356

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/chriswiles-formik-patterns/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/chriswiles-formik-patterns/security.svg)](https://skillstore.io/skills/chriswiles-formik-patterns?utm_source=security_passport_badge)

HTML-Badge

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

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/chriswiles-formik-patterns.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

ChrisWiles. (2026). formik-patterns security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/chriswiles-formik-patterns/audits/8

BibTeX-Zitat

@techreport{chriswiles-chriswiles-formik-patterns-2026,
  author = {ChrisWiles},
  title = {formik-patterns security audit report (audit version 8)},
  institution = {Skillstore},
  year = {2026},
  number = {8},
  url = {https://skillstore.io/skills/chriswiles-formik-patterns/audits/8},
  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: "formik-patterns security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
  - name: "ChrisWiles"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/chriswiles-formik-patterns/audits/8"
identifiers:
  - type: other
    value: "skillstore:chriswiles-formik-patterns:audit:8"
    description: "Skillstore immutable audit report identifier"

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Ein neues Formular erstellen

Nutze das grundlegende Setup und die Validierungsbeispiele, um ein neues Login-, Registrierungs- oder Elementerstellungsformular zu erstellen.

Formularvalidierung standardisieren

Wende gemeinsame Yup-Muster für typische Felder an, damit das Validierungsverhalten über Screens hinweg konsistent bleibt.

UX bestehender Formulare verbessern

Nutze Submit-Status, Fehler für berührte Felder, Dirty-Prüfungen und Mutation-Fehlerbehandlung, um bestehende Formulare zu verbessern.

Diese Prompts ausprobieren

Ein Basisformular erstellen

Nutze den Skill formik-patterns, um ein Formik-Formular für E-Mail- und Passwort-Login zu erstellen. Beziehe Yup-Validierung, Fehler für berührte Felder und einen deaktivierten Submit-Status ein.

Wiederverwendbare Feld-Helper hinzufügen

Nutze den Skill formik-patterns, um dieses Formular mit wiederverwendbaren Input- und Select-Helpern zu refaktorisieren. Behalte die bestehende Validierung und das Verhalten der Fehleranzeige bei.

Ein GraphQL-Bearbeitungsformular erstellen

Nutze den Skill formik-patterns, um ein Bearbeitungsformular mit initialen Werten, enableReinitialize, Submit-Steuerung per Dirty-State und GraphQL-Mutation-Fehlerbehandlung zu erstellen.

Einen mehrstufigen Formularablauf entwerfen

Nutze den Skill formik-patterns, um einen mehrstufigen Formik-Ablauf zu entwerfen. Beziehe Yup-Schemas pro Schritt, Navigation zwischen Schritten, Submit-Status-Behandlung und finales Übermittlungsverhalten ein.

Bewährte Praktiken

Zeige Validierungsfehler erst an, nachdem ein Feld berührt wurde.
Deaktiviere Submit-Steuerungen, wenn das Formular ungültig, unverändert oder bereits im Übermitteln ist.
Behandle Mutation-Fehler und setze den Submitting-Zustand nach asynchroner Arbeit immer zurück.

Vermeiden

Blende Validierungsfehler nach einer Interaktion nicht vor Benutzern aus.
Lasse Submit-Buttons während ungültiger oder ausstehender Zustände nicht aktiviert.
Übermittle keine Mutations ohne sichtbare Fehlerbehandlung.

Häufig gestellte Fragen

Was hilft dieser Skill zu erstellen?

Er hilft beim Erstellen von Formik-Formularen mit Validierung, Feld-Helpern, Übermittlungsbehandlung, Bearbeitungsabläufen und mehrstufigen Abläufen.

Generiert er eine vollständige Anwendung?

Nein. Er bietet Implementierungsmuster, die in ein bestehendes React- oder React Native-Projekt passen.

Welche Validierungsbibliothek verwendet er?

Die Beispiele verwenden Yup für Validierungsschemas und bedingte Validierung.

Kann er bei GraphQL-Submissions helfen?

Ja. Er enthält Muster für GraphQL-Mutations, Erfolgsbehandlung, Fehlerbehandlung und Ladezustände.

Kann er Bearbeitungsformulare handhaben?

Ja. Er behandelt initiale Werte, enableReinitialize, Dirty-State-Tracking und den Zustand des Speicherbuttons.

Deckt er Testing ab?

Nein. Er verweist auf Testing als Integrationsbereich, enthält aber keine Testbeispiele.

Entwicklerdetails

Autor

ChrisWiles

Lizenz

MIT

Skillstore-Revision

Versionshinweis

Der Autor hat keine Version angegeben.

Repository

https://github.com/ChrisWiles/claude-code-showcase/tree/main/.claude/skills/formik-patterns

Ref.

dd4a3ef9f20ddf38830950b4bb713df96b431fd6

Aktualität der Wartung

22.7.2026

Nutzung

9 Downloads · 246 Aufrufe

Dateistruktur

📄 SKILL.md