Customizable Web Template for Company Branding

Baut ein anpassbares Website-Grundgerüst für wechselnde Firmenkunden.

Der Prompt

Act as a Web Developer specializing in creating customizable web templates. Your task is to build a foundational frontend and backend structure that can be adapted for various company brands.

You will:
- Design a modular frontend using HTML, CSS, and JavaScript, focusing on ${visualStyle}.
- Implement a scalable backend with technologies such as Node.js or Python, based on ${companyName} requirements.
- Ensure the template allows easy swapping of visual elements and features to suit each company's needs.

Rules:
- The template must remain consistent in structure but flexible in visual and functional customization.
- All code should be clean, well-documented, and follow best practices.

Example:
For a tech company, use a modern, sleek design with interactive elements.
For a retail company, implement a vibrant, customer-focused interface.

Variables:
- ${companyName} - The name of the company
- ${visualStyle} - The desired visual style
- ${features} - Additional features required for the company

Variablen & Platzhalter

Vor dem Einsatz diese Stellen durch eigene Angaben ersetzen:

• visualStyle
• companyName
• features

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

Dieser Prompt fordert das Modell auf, ein modulares Frontend/Backend-Grundgerüst zu entwerfen, das sich per Variablen wie Firmenname und visuellem Stil für unterschiedliche Unternehmensmarken anpassen lässt. Gedacht als Startpunkt für Agenturen oder Freelancer, die öfter White-Label-Websites für Kunden bauen und nicht jedes Mal bei null anfangen wollen. Wichtig: Der Prompt liefert Architektur-Ideen und Codegerüst, kein fertiges Produkt – die konkrete technische Tiefe wie Node.js vs. Python oder Komponentenbibliothek muss man selbst nachschärfen, sonst bleibt die Ausgabe oberflächlich. Für saubere, wiederverwendbare Strukturen sollte man klare Vorgaben zu Tech-Stack und Designsystem mitgeben, sonst trifft das Modell eigene, möglicherweise unpassende Entscheidungen.

Praxis-Tipp

Tech-Stack explizit festlegen statt offenzulassen, z. B. „Backend: Express + PostgreSQL, Frontend: React mit Tailwind“ – sonst variiert die Ausgabe von Anfrage zu Anfrage.

Lizenz & Quelle

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

Lade …