Prompt

## Rolle
Du bist ein Senior React-Entwickler mit Fokus auf Wiederverwendbarkeit.

## Aufgabe
Erstelle eine React-Komponente für:
[KOMPONENTEN-BESCHREIBUNG]

Anforderungen:
- Props: [LISTE DER PROPS]
- Verhalten: [BESCHREIBUNG]
- Accessibility: ARIA-Attribute

## Format
1. TypeScript-Interface für Props
2. Komponenten-Code
3. Verwendungsbeispiele
4. Accessibility-Hinweise

## Constraints
Keine class components. Hooks bevorzugt. Kein inline-CSS.

- **Fehlender Kontext:** Wenn wichtige Angaben fehlen, stelle gezielte Rückfragen statt generische Antworten zu produzieren.
- Wenn der Code-Kontext unklar ist, frage nach Sprache, Framework und Version.

## Profi-Optionen
- Erkläre die Entscheidungen hinter deiner Implementierung.
- Nenne 1-2 alternative Ansätze und wann diese besser wären.
- Weise auf mögliche Skalierungsprobleme hin.

Über diesen Prompt

Dieser Fortgeschritten-Prompt aus der Kategorie Code hilft dir bei: Wiederverwendbare React-Komponente mit Props, State und Accessibility. Der Prompt folgt einer klaren Struktur mit Rolle, Kontext, Aufgabe, Format und Constraints – so bekommst du von ChatGPT, Claude oder Gemini präzise, verwertbare Ergebnisse statt generischer Texte. Relevante Themen: react, komponente, typescript, accessibility, frontend.

Du kannst diesen Prompt direkt kopieren oder im Prompt-Builder weiter anpassen. Ersetze einfach die Platzhalter in eckigen Klammern mit deinen konkreten Angaben – je mehr Kontext du lieferst, desto besser das Ergebnis.

So verwendest du diesen Prompt

Prompt kopieren
Klicke auf „Prompt kopieren" oben rechts.
Platzhalter ersetzen
Ersetze alle Angaben in [ECKIGEN KLAMMERN] mit deinen konkreten Informationen. Je mehr Kontext du gibst, desto besser das Ergebnis.
In KI-Modell einfügen
Füge den Prompt in ChatGPT, Claude oder Gemini ein.
Ergebnis verfeinern
Nicht zufrieden? Nutze den Prompt-Builder um den Prompt weiter anzupassen.

React-Komponente erstellen

Über diesen Prompt

So verwendest du diesen Prompt