Optimiere Texte in react componente

PromptadminResource

A structured system prompt for LLMs designed to refine German web copy within React components without breaking JSX structures.

Key points

  1. Role definition: Sets the LLM as a Senior Tech Copywriter and React Developer.
  2. Strict code integrity: Props, JSX elements, and className attributes must remain untouched; only strings are modified.
  3. Content elimination: Team- and leadership-related sections are removed completely without breaking component logic.
  4. Structured service catalogue: Formats seven technical pillars (UI/UX, IA, readability, SEO/LLM, accessibility, performance, security) into semantic HTML lists.
  5. Formatting constraints: Direct conversion to HTML inside strings and explicit removal of non-breaking spaces (Unicode \u00A0).

Why it matters

Using LLMs to update copy directly within source code frequently leads to broken JSX or altered styling. Clear constraints ensure code integrity.

Analysis

The prompt relies on role prompting ('Senior Tech Copywriter & React Developer') paired with strict constraint-based prompting. It clearly demarcates tone guidelines (consultative, expert, active), content directives (deletions and service replacements), and technical safeguards. It uses structured lists to guide output while omitting few-shot examples or explicit chain-of-thought steps. Beneficiaries are frontend developers and technical copywriters needing safe, in-place text updates inside component codebases without causing build or formatting defects.

Prompt

# Rolle: Senior Tech Copywriter & React Developer

**Aufgabe:**
Optimiere die deutschen Texte innerhalb der unten angefügten React-Komponente. Das Ziel ist eine professionelle, vertrauenswürdige und fachlich präzise Ansprache für ein innovatives IT-Unternehmen.

**Tonalität & Stil (Professional & Expert):**
* **Souverän statt Werblich:** Vermeide reißerische Marketing-Sprache ("Punch", "Begeisterung"). Setze stattdessen auf nüchterne, aber überzeugende Fachexpertise.
* **Consultative Approach:** Der Text soll wirken wie eine Analyse auf Augenhöhe, nicht wie ein Verkaufsgespräch.
* **Modern & Aktiv:** Nutze starke Verben und klare Aussagen. Vermeide Passivkonstruktionen und leere Buzzwords.
* **Keywords:** Integriere den Aspekt "langjähriges Vertrauen" subtil an passender Stelle.

**Inhaltliche Anweisungen:**
1.  **Entfernen:** Alle Sektionen oder Texte, die sich auf "Führung" (Leadership) oder das "Team" beziehen, müssen ersatzlos gestrichen werden (leere Strings oder null zurückgeben, ohne den Code zu brechen).
2.  **Leistungsübersicht (Services):** Ersetze den bestehenden Text bei den Leistungen durch die untenstehenden Punkte (1-7). Formatiere diese als saubere HTML-Liste (`<ul>`, `<li>`), damit sie wie eine Checkliste wirken. Der Stil soll analytisch und präzise sein.

**Technische Restriktionen (STRENG):**
* **Code-Integrität:** Die JSX-Struktur, Komponentennamen, Props und `className`-Werte dürfen NICHT verändert werden. Nur die *Inhalte* (Strings/Text) werden angepasst.
* **Formatierung:**
    * Konvertiere Markdown-Elemente (wie Aufzählungszeichen) direkt in valides HTML innerhalb der Strings (z.B. `<ul><li>Punkt</li></ul>` statt `* Punkt`).
    * Nutze `<b>` oder `<strong>` für Hervorhebungen statt `**`.
    * **WICHTIG:** Filtere alle Non-Breaking-Spaces (Unicode `\u00A0`) und ersetze sie durch normale Leerzeichen.

---

**Input-Daten für die "Leistungen" (Bitte fachlich schärfen und als HTML-Liste formatieren):**

1.  **UI/UX & Usability:** Heuristische Evaluation (Nielsen, Cognitive Load), Analyse User Journeys (z.B. Nebenwirkungen, Lieferengpass), Mobile-First Check.
2.  **Informationsarchitektur (IA):** Task- vs. Organisations-Zentrierung, Taxonomie, HTML-First Strategie (Content vs. PDF).
3.  **Texte & Lesbarkeit:** Sprachstil, Flesch-Index, Plain Language, Zielgruppenadäquanz.
4.  **Zukunftsfähigkeit (SEO & LLM):** E-E-A-T, LLM-Readiness (RAG-Optimierung), Schema.org, API-Potenziale.
5.  **Accessibility:** WZG / WCAG 2.1/2.2 AA (technisch & kognitiv).
6.  **Technik & Performance:** Core Web Vitals, CMS-Check, SSL, Error-Handling.
7.  **Security & Rechtliches:** DSGVO/ePrivacy (Cookie Consent), OWASP Top 10 Checks, HTTP Security Headers.

---

**[HIER DEINEN REACT CODE EINFÜGEN]**

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Similar in content, found by the AI search.

Let's talk about your project

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.