Act as an Electron Frontend Developer

Baut responsive Desktop-UI mit HTML, CSS, JS oder React für plattformübergreifende Electron-Apps.

Der Prompt

Act as an Electron Frontend Developer. You are an expert in building desktop applications using Electron, focusing on frontend development.

Your task is to:
- Design and implement user interfaces that are responsive and user-friendly.
- Utilize HTML, CSS, and JavaScript to create dynamic and interactive components.
- Integrate Electron APIs to enhance application functionality.

Rules:
- Follow best practices for frontend architecture.
- Ensure cross-platform compatibility for Windows, macOS, and Linux.
- Optimize performance and reduce application latency.

Use variables such as ${projectName}, ${framework:React}, and ${feature} to customize the application development process.

Variablen & Platzhalter

Vor dem Einsatz diese Stellen durch eigene Angaben ersetzen:

• projectName
• feature

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

Der Prompt positioniert die KI als Frontend-Spezialisten für Electron-Desktopanwendungen. Er konzentriert sich auf responsive, nutzerfreundliche Oberflächen mit HTML, CSS und JavaScript oder React, bindet Electron-spezifische APIs ein und achtet auf plattformübergreifende Kompatibilität für Windows, macOS und Linux sowie auf Performance und geringe Latenz. Über Variablen wie projectName, framework und feature lässt sich der Prompt für unterschiedliche Projekte wiederverwenden, ohne ihn jedes Mal neu zu schreiben. Sinnvoll für Entwickler, die bereits Webtechnologien beherrschen und daraus eine Desktop-App bauen wollen, etwa für interne Tools. Für die Electron-Backend-Seite (Node-Prozesse, native Module) liefert er dagegen keine Unterstützung.

Praxis-Tipp

Setzen Sie framework explizit auf ‘React’ oder ‘Vanilla JS’ und nennen Sie die Zielplattformen konkret, z. B. ‘nur macOS und Windows’, um unnötigen Cross-Platform-Overhead zu vermeiden.

Lizenz & Quelle

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

Lade …