presenton-vf

Presenton fuer Vibe Factory

Open-Source KI-Praesentations-Generator (presenton/presenton) gehostet fuer VF unter https://slides.agenticventures.de. Live seit Mai 2026.

Stack

Browser (VF-Team / Christoph / Andre)
  -> Cloudflare Edge (slides.agenticventures.de)
  -> Cloudflare Tunnel (cloudflared-Sidecar)
  -> AWS Fargate Task (av-production / eu-central-1, 1 vCPU / 2 GB)
      |- presenton (Next.js + FastAPI, Port 80)
      |- litellm (Bedrock-EU-Proxy, Port 4000 intern)
      `- cloudflared (Tunnel-Connector)

  -> AWS Bedrock eu-central-1 (Claude Sonnet 4.6 via Cross-Region Inference Profile)
  -> Pexels API (Stock-Bilder in Slides)

CDK-Stack: ~/source/apps/presenton-vf/infra/lib/presenton-vf-stack.ts

Zugang

• URL: https://slides.agenticventures.de
• Login: Credentials in Secrets Manager presenton-vf/config (Keys: AUTH_USERNAME, AUTH_PASSWORD)
• Wer hat Zugang: VF-Team (Christoph, Andre), Marvin

Design-System: VF-Branding

Aktives Theme: „VibeFactory Dark”

Gespeichert als Custom Theme in Presenton. Orientiert sich am VF-Website-Look (https://vibe-factory.de).

Eigenschaft	Wert	Referenz
Primary Color (Akzent)	#C8FF00	VF Neon-Lime
Background Color	#0A0A0A	Near-Black
Background Text	#FFFFFF	Weiss
Primary Text	#030100	Near-Black (fuer Text auf Lime-Flaechen)
Card Color	#1A1A1A	Dunkles Grau
Graph/Chart Color	#d5ff30	Lime-Variante (auto-generiert)
Font	Inter	Modern Sans-Serif
Company Name	VibeFactory	Wird auf Titel-Slide angezeigt
Logo	—	Noch nicht hochgeladen (TODO)

Empfohlenes Template: Pitch Deck

Von den 13 verfuegbaren Templates funktioniert Pitch Deck (12 Layouts) am besten fuer VF’s Use-Case — Corporate-Kunden-Pitches mit Titel, Challenge-Statement, Feature-Cards, CTA-Abschluss.

Weitere gute Optionen fuer spezifische Anlaesse:

• Neo Modern (17 Layouts) — wenn mehr Infografiken/Charts gebraucht werden
• Product Overview (15 Layouts) — wenn ein VF-Produkt/Service vorgestellt wird
• Report (13 Layouts) — fuer datengetriebene Berichte (z.B. Event-Nachberichte)

VF-Markenstandards (aus SharePoint-Vault)

Quelle: Christoph’s CLAUDE.md + Brand-Profile im VF-SharePoint (/Workshop/VibeFactory/). Diese Standards gelten fuer JEDE Praesentation die VF erstellt — sie werden ueber das Instructions-Feld und die Theme-Wahl durchgesetzt.

Markenton

• Grundhaltung: Jung, energetisch, du-Form, professionell aber bewusst nicht steif
• Claim: „Der VibeFaktor macht dein Event unvergesslich”
• Untertitel: „Wirkung, die begeistert. Expertise, die ueberzeugt.”
• Kernwerte: Kreativitaet + Leidenschaft als Kern, Termintreue + budgetaere Verlaesslichkeit als Standbein
• Kennzahlen: 140+ Kunden, 250+ Events, 45.000+ Gaeste
• Zielgruppe: ~90% B2B / Corporate (Sparkasse Hamm, E.On, Aurubis AG, ECE, Stadt Hamm), eigene Formate (WTMG Festival, 5.000 Gaeste), ausgewaehlte Privatkunden

Design-Regeln (verbindlich)

Aus Christoph’s Artifact-Design-CSS und Brand-Profilen:

Erlaubt / Erwuenscht:

• Dunkler Hintergrund (#0A0A0A) + helle Schrift — VF-Website-Aesthetik
• Neon-Lime (#C8FF00) als Akzentfarbe
• Klare Typografie (Inter/system-ui), keine dekorativen Fonts
• Schlanke Cards mit subtilen Borders, kein Heavy-Shadow-Design

Verboten:

• Keine farbigen Header-Balken oder bunte Akzent-Hintergruende
• Keine Emoji in Ueberschriften oder Buttons
• Keine box-shadow-lastigen Card-Designs
• Keine fetten (font-weight: 700) Section-Ueberschriften — Schrift soll leicht wirken
• Keine Krieg-/Gewalt-Phrasen im Text: „Bombe zuenden”, „knallen”, „ballern” sind verboten
• „Marktplatz bebt”, „Stimmung explodiert” o.ae. bildhafte Ausdruecke sind OK
• Keine Strichgedanken (em dashes) — Christoph’s Brand-Profil verbietet sie explizit fuer Instagram-Ton
• Keine Corporate-Floskeln, kein Beratungs-Jargon, kein „synergetisch”

Default-Instructions-Block (automatisch injiziert)

Dieser Text wird automatisch als DEFAULT_INSTRUCTIONS Env-Var in den Presenton-Container injiziert. Er greift als Fallback wenn ein User keine eigenen Instructions eintraegt. Bei Kunden-Praesentationen kann er im „Write instructions”-Feld ueberschrieben/ergaenzt werden.

Mechanismus: Presenton hat kein eingebautes DEFAULT_INSTRUCTIONS-Feature. Wir patchen die 3 relevanten Python-Files (generate_presentation_outlines.py, generate_slide_content.py, edit_slide.py) beim Container-Start via patch_default_instructions.py. Der Patch fuegt instructions = instructions or os.environ.get("DEFAULT_INSTRUCTIONS", "") als Fallback ein. Upstream Feature-Request offen.

Aendern: VF-Brand-Context liegt direkt im CDK-Stack (presenton-vf-stack.ts, Variable vfDefaultInstructions). Aendern → cdk deploy.

VibeFactory GmbH — Full-Service-Eventagentur aus Hamm.
Markenton: jung, energetisch, du-Form, professionell aber nicht steif.
Claim: „Der VibeFaktor macht dein Event unvergesslich."
Kernwerte: Kreativitaet, Leidenschaft, Termintreue, Budgettreue.
Kennzahlen: 140+ Kunden, 250+ Events, 45.000+ Gaeste.

DESIGN-REGELN:
- Kurze, praegnante Saetze. Keine Floskeln.
- Keine Kriegs-Metaphern (kein „Bombe", „knallen", „ballern").
- Bildhafte Sprache erlaubt („Marktplatz bebt", „Stimmung hebt ab").
- Keine em-dashes, keine Corporate-Buzzwords.
- Zahlen und Fakten statt vage Versprechen.

Brand-Assets im SharePoint (Pfade)

Asset	SharePoint-Pfad	Inhalt
LinkedIn Brand-Profil	06_Marketing/Social_Media/Linkedin/VibeFactory/Brand-Profil.md	8 verbindliche Posting-Regeln, Top-3/Flop-3 Posts, Hook-Pattern
Instagram Brand-Profil	06_Marketing/Social_Media/Instagram/<Account>/Brand-Profil.md	Tonalitaet, Anti-Woerter, Pflicht-Footer
Canva Master-Template	Design-ID DAHIT58CORk	Cover-Template (Stadtfest-Stil, hellblau + Sterne)
Kalkulations-Prozess	09_Vorlagen/Kalkulation/KALKULATION_PROZESS.md	Event-Kalkulations-Workflow + Spaltenstruktur
Standards (neu)	09_Standards/	Christoph’s Refactor-Ziel — Prozess-Standards fuer VF (im Aufbau seit 13.05.)

Hinweis: Brand-Profile liegen in VF’s eigenem SharePoint und sind Christoph’s Property. Wir lesen sie via M365-MCP, editieren sie nicht.

Kunden-anpassbares Design

VF erstellt Praesentationen fuer ihre Corporate-Kunden (Sparkasse, E.ON, etc.). Dabei soll das Design an den jeweiligen Kunden angepasst werden. Drei Hebel:

1. Theme pro Kunde duplizieren (~2 Min)

Im Theme-Manager (/theme → Custom-Tab):

1. Bestehendes „VibeFactory Dark” Theme oeffnen (Copy-Icon)
2. Company Name auf Kunden-Firma aendern
3. Primary Color (Akzent) auf Kunden-Markenfarbe aendern — der Rest (dunkler Hintergrund, weisse Schrift) bleibt gleich
4. Optional: Kunden-Logo hochladen
5. Theme unter neuem Namen speichern (z.B. „Sparkasse Dark”, „E.ON Dark”)

Farb-Empfehlung: Nur die Akzentfarbe aendern, Background bei #0A0A0A lassen — das haelt alle Praesentationen visuell konsistent im VF-Stil, aber mit Kunden-Touch.

2. Instructions-Feld pro Praesentation

Ueber das Zahnrad-Icon (Advanced Settings) auf der Generate-Seite gibt es ein „Write instructions”-Freitextfeld. Dort kann pro Praesentation Kunden-Kontext injiziert werden:

Beispiel-Instruction fuer Sparkasse:

Praesentation fuer die Sparkasse Hamm.
Tonalitaet: vertrauenswuerdig, regional verankert, modern.
Zielgruppe: Sparkasse-Vorstand + Marketingleitung.
VF-Bezug: VibeFactory hat bereits Events fuer die Sparkasse durchgefuehrt.
Fokus: ROI, Zuverlaessigkeit, regionale Verbundenheit.

Beispiel-Instruction fuer Tech-Startup:

Praesentation fuer ein SaaS-Startup mit 50 MA.
Tonalitaet: dynamisch, datengetrieben, buzzword-arm.
Zielgruppe: CEO + Head of People.
Fokus: Skalierbarkeit, Kreativitaet, messbare Ergebnisse.

3. Company-Name im Theme

Der Company-Name aus dem aktiven Theme erscheint automatisch auf dem Titel-Slide (z.B. „VIBEFACTORY GMBH” oder „SPARKASSE HAMM” je nach gewaehltem Theme).

Workflow: Praesentation fuer Kunden erstellen

1. Theme waehlen — entweder VF-Standard oder ein bereits angelegtes Kunden-Theme
2. Prompt schreiben — Thema, Zielgruppe, Slide-Anzahl beschreiben
3. Instructions setzen (Advanced Settings) — Kunden-Kontext, Tonalitaet, Fokus
4. Template waehlen — Pitch Deck fuer Standard-Pitches, Neo Modern fuer datenreiche Inhalte
5. Theme anwenden — nach Generierung ueber Theme-Button das passende Kunden-Theme auswaehlen
6. Feinschliff — per AI Assistant (rechte Sidebar) einzelne Slides verbessern, Speaker Notes hinzufuegen
7. Export — als PDF oder PPTX exportieren

Offene Punkte

• VF-Logo in VibeFactory Dark Theme hochladen
• Erste 2-3 Kunden-Themes anlegen (Sparkasse, E.ON, Stadt Hamm) wenn VF das nutzt
• Markdown-Rendering-Bug (literal **text** statt Fettdruck) — tritt bei manchen Templates auf, bei Pitch Deck aber OK
• Presenton-Upstream: Feature-Request fuer „Default Theme per Instance” damit nicht jedes Mal manuell gewaehlt werden muss
• Presenton-Upstream: Feature-Request / PR fuer DEFAULT_INSTRUCTIONS Env-Var (aktuell gepatcht via Startup-Script)
• DEFAULT_INSTRUCTIONS Startup-Patch implementiert (CDK-Stack + patch_default_instructions.py) — VF-Markenkontext wird automatisch injiziert wenn User keine eigenen Instructions setzt
• Deploy des CDK-Stack-Updates (cdk deploy) um den Patch live zu nehmen

Related

• vibe-factory — Kunden-File
• _index — Projekt-Ordner
• open-webui-fargate-bedrock — Hosting-Pattern (aehnlich Stack)
• open-webui-vf — VF’s Chat-UI (Schwester-Service)