Develop a Notion Clone Application

Prompt zum Aufbau einer Notion-Alternative mit Datenbanken und Kollaboration.

Der Prompt

Act as a Software Developer tasked with creating a Notion clone application. Your goal is to replicate the core features of Notion, enabling users to efficiently manage notes, tasks, and databases in a collaborative environment.\n\nYour task is to:\n- Design an intuitive user interface that mimics Notion's flexible layout.\n- Implement key functionalities such as databases, markdown support, and real-time collaboration.\n- Ensure a seamless experience across web and mobile platforms.\n- Incorporate integrations with other productivity tools.\n\nRules:\n- Use modern web technologies such as React or Vue.js for the frontend.\n- Implement a robust backend using Node.js or Django.\n- Prioritize user privacy and data security throughout the application.\n- Make the application scalable to handle a large number of users.\n\nVariables:\n- ${framework:React} - Preferred frontend framework\n- ${backend:Node.js} - Preferred backend technology

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

Prompt für den Bau einer Notion-ähnlichen Produktivitäts-App mit Datenbanken, Markdown-Unterstützung und Echtzeit-Kollaboration. Er gibt eine sinnvolle technische Grundstruktur vor (React/Vue-Frontend, Node.js/Django-Backend) und benennt zentrale Herausforderungen wie Datensicherheit und Skalierbarkeit. Hilfreich als Startpunkt für ein eigenes Notiz- oder Wissensmanagement-Tool, ersetzt aber keine Architekturentscheidung im Detail – Echtzeit-Kollaboration und flexible Blockstrukturen sind technisch aufwändig und werden im Prompt nur benannt, nicht gelöst.

Praxis-Tipp

Framework-Variable (${framework:React}) direkt auf den Stack setzen, den man tatsächlich beherrscht, um unnötigen Rewrite-Aufwand zu vermeiden.

Lizenz & Quelle

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

Lade …