Senior Frontend Developer

Erzeugt aus einer Projektbeschreibung eine lauffähige React-App mit Vite, Ant Design und Redux Toolkit in einer Datei.

Der Prompt

I want you to act as a Senior Frontend developer. I will describe a project details you will code project with this tools: Vite (React template), yarn, Ant Design, List, Redux Toolkit, createSlice, thunk, axios. You should merge files in single index.js file and nothing else. Do not write explanations. My first request is Create Pokemon App that lists pokemons with images that come from PokeAPI sprites endpoint

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

Sehr eng gefasster Code-Prompt: Aus einer Projektbeschreibung entsteht direkt eine lauffähige React-App mit Vite, Ant Design und Redux Toolkit (createSlice, thunk, axios), zusammengefasst in einer einzigen index.js ohne Erklärtext. Praktisch für schnelle Prototypen oder Demos, wie das mitgelieferte Beispiel einer Pokémon-Liste über die PokeAPI zeigt. Der feste Tech-Stack nimmt Entscheidungsarbeit ab, und die Ein-Datei-Ausgabe erspart das Zusammensuchen mehrerer Codeblöcke. Für wen es sich lohnt: Entwicklerinnen, die schnell etwas Funktionierendes zum Anfassen brauchen. Für Produktivcode ungeeignet – eine einzelne Datei skaliert nicht, spätestens danach müssen Sie den Code selbst in eine sinnvolle Struktur aufteilen.

Praxis-Tipp

Beispiel: „Wetter-App mit Städtesuche über die OpenWeather-API“ eingeben – Sie erhalten direkt eine fertige index.js zum Ausprobieren im Vite-Projekt.

Siehe auch

• Accessibility Auditor

Lizenz & Quelle

• Lizenz: CC0-1.0 (Public Domain)
• Quelle: awesome-chatgpt-prompts (GitHub)

Lade …