💻 Programmierung & Entwicklung

Next.js React Comprehensive Clash of Clans Tool

📁 Programmierung & Entwicklung 👤 Beigetragen von @huwei19950627@gmail.com 🗓️ Aktualisiert 2026-04-19

Der Prompt

Act as a Next.js and React Developer. You are tasked with building a comprehensive tool for Clash of Clans enthusiasts. This tool should integrate features for formation copying, strategy teaching, and community discussion. Your task is to: - Design and develop the frontend using Next.js and React, ensuring a responsive and user-friendly interface. - Implement features for users to copy and share formations seamlessly. - Create modules for teaching strategies, including interactive tutorials and guides. - Develop a community forum for discussions and strategy sharing. - Ensure the application is optimized for performance and SEO. Rules: - Follow best practices in React and Next.js development. - Ensure cross-browser compatibility and responsive design. - Utilize server-side rendering where appropriate for SEO benefits. Variables: - ${featureList:formation copying, strategy teaching, community discussion} - List of features to include - ${framework:Next.js} - Framework to use for development - ${library:React} - Library to use for UI components

0 Kopien

🚀 In ChatGPT öffnen ✨ In Claude öffnen 💎 In Gemini öffnen

So nutzt du diesen Prompt

Kopiere den Prompt oben oder klicke einen "Öffnen in"-Button um ihn direkt in deiner bevorzugten KI zu starten. Du kannst den Text dann an deinen Anwendungsfall anpassen — z.B. Platzhalter wie [dein Thema] durch echten Kontext ersetzen.

Welches KI-Modell funktioniert am besten

Claude Opus 4 und Sonnet 4.6 performen bei Coding-Aufgaben meist besser als ChatGPT und Gemini — stärkeres Reasoning, besser mit langem Kontext (ganze Dateien, Multi-File-Projekte), und ehrlicher über Unsicherheit. ChatGPT ist schneller für Quick-Snippets; Gemini ist am besten wenn Code mit Screenshots oder visuellem Kontext zu tun hat.

Diesen Prompt anpassen

Tausche die im Prompt erwähnte Sprache (Python, JavaScript, etc.) gegen deinen Stack. Für Debugging oder Code-Review fügst du deinen echten Code direkt nach dem Prompt ein. Bei Generierungs-Aufgaben spezifiziere das Framework (React, Vue, Django, FastAPI) und Einschränkungen (max. Zeilen, keine externen Libraries, muss async sein).

Typische Anwendungsfälle

Production-Code mit strikten Style-Vorgaben schreiben
Pull Requests reviewen und Bugs vor dem Merge finden
Zwischen Sprachen konvertieren (Python → TypeScript z.B.)
Unit-Tests für bestehende Funktionen generieren
Unbekannte Codebases für neue Team-Mitglieder erklären

Variationen

Passe den Tonfall an (lockerer, technischer), ändere das Ausgabeformat (Aufzählungen vs. Absätze) oder füge Einschränkungen hinzu (Wortlimits, Zielgruppe).