Skip to main content
Docs

3. Die Prompts, mit denen diese Seite entstanden ist

Der User hat folgenden Prompt formuliert (gekürzt, sinngemäß):

"Ok deine Aufgabe ist es jetzt, dass du mir eine Doc Page generierst die selber unser cms_md erklärt und dort erwähnen wir das das damit gemacht wurde. Es soll auch die Prompts erwähnt werden wie wir zu der MD gekommen sind. Wir wollen damit zeigen wie man von einem Projekt eine MD erstellen kann und dann von dort eine Website. Diese DOC soll aber sehr sehr genau unser Projekt mit deren Apps und ganz genau erklären: mit API, Frontend, Backend, Traffic, DB-Modell. Alles. Es soll sehr gut strukturiert sein."

Das Ergebnis ist die Seite, die du gerade liest. Der Workflow im Hintergrund:

OpenRouter (Sonnet 4.5)mdcms APImdcms Web EditorCodebase ExplorerClaude (Agent)UserOpenRouter (Sonnet 4.5)mdcms APImdcms Web EditorCodebase ExplorerClaude (Agent)User"Schreib eine Doc-Seite über mdcms"parallel exploration(apps, packages, API, DB, frontend)structured facts(apps[], routes[], tables[], …)Markdown-Doc verfassen(de, mit Diagrammen + Tabellen)Login → Projekt → PagemdContent einfügenPOST /api/projects/:id/pages/:id/generateSektionen mappenComponentMapping[]Mermaid-SSR via JSDOM{ html, sections, validation }gerenderte Vorschau
OpenRouter (Sonnet 4.5)mdcms APImdcms Web EditorCodebase ExplorerClaude (Agent)UserOpenRouter (Sonnet 4.5)mdcms APImdcms Web EditorCodebase ExplorerClaude (Agent)User"Schreib eine Doc-Seite über mdcms"parallel exploration(apps, packages, API, DB, frontend)structured facts(apps[], routes[], tables[], …)Markdown-Doc verfassen(de, mit Diagrammen + Tabellen)Login → Projekt → PagemdContent einfügenPOST /api/projects/:id/pages/:id/generateSektionen mappenComponentMapping[]Mermaid-SSR via JSDOM{ html, sections, validation }gerenderte Vorschau

Die Prompts an die LLMs sind in den Service-Files dokumentiert:

  • apps/api/src/services/llm-service.ts → Mapper-Prompt (Markdown → Component-Slugs)
  • apps/api/src/services/code-to-mermaid.ts → Konvertierungs-Prompt (ASCII → Mermaid DSL)
  • apps/api/src/services/translation-engine.ts → Übersetzungs-Prompt (Sprache A → Sprache B)