Zum Inhalt springen

Persönliches Projekt · SaaS

PromptPrinter

Aus rohen Ideen werden build-fertige Prompts. Ein SaaS-Tool, das eine Idee in ein strukturiertes, ausführbares Prompt-Paket für KI-Tools wie Claude, ChatGPT, Lovable und Cursor verwandelt.

V2.0 Beta · Live

Über das Projekt

PromptPrinter ist mein eigenes SaaS-Projekt — kein Schulauftrag, sondern aus einer eigenen Idee entstanden. Es richtet sich an Developer und „Vibe-Coder", die mit KI-Tools arbeiten und schnell von einer rohen Idee zu einem ausführbaren Build-Plan kommen wollen.

Der Ausgangspunkt war eine simple Beobachtung: Die Qualität dessen, was KI-Tools ausspucken, hängt direkt von der Qualität des Prompts ab. Gute Prompts zu schreiben ist aber aufwändig. PromptPrinter automatisiert genau das — du beschreibst dein Ziel in natürlicher Sprache, und die App baut Schritt für Schritt den passenden Prompt mit dir.

Der Name kommt aus der Metapher des Druckens: Die App „druckt" Prompts wie ein Drucker Dokumente — strukturiert, konsistent und sofort einsatzbereit.

Zwei Modi

Prompt Chat

Für alltägliche Prompts

Texte, Recherche und Ideen für ChatGPT, Claude & Co. Das Ergebnis ist ein einzelner, optimierter Prompt.

Prompt Code

Für ganze Build-Pakete

PRD, Datenbankschema, Master-Prompt und fertige Prompts für Lovable, Cursor & Co. — alles in einem Durchgang.

Funktionen

Vollständiger Auth-Flow — Login, Signup und Passwort-Reset per E-Mail, abgesichert mit Supabase Row Level Security.
Dashboard mit Echtzeit-Statistiken — Projekte, Generierungen und Plan-Status auf einen Blick.
Projektmanagement mit Status-Tracking (Draft → Generating → Ready), Favoriten und Bibliothek.
Command-Palette (⌘K) mit Fuzzy-Suche über Navigation und Projekte.
Onboarding-Tour beim ersten Login — interaktiver Spotlight-Walkthrough mit Fortschrittsbalken.
Dark- & Light-Mode, responsives Design mit eigenem Mobile-Menü und plan-basierten Limits (Free / Pro).
Barrierefreiheit — ARIA-Labels, Skip-Links, Tastatursteuerung und Reduced-Motion-Support.

Galerie

Auch komplett responsive — dieselben Ansichten auf dem Smartphone:

Entwicklungsreise

1 · Die Idee

Problem identifiziert: Prompt-Engineering ist aufwändig. Die Idee — ein Tool, das aus einer Idee in natürlicher Sprache ein build-fertiges Prompt-Paket macht.

2 · Name & Konzept

„PromptPrinter" als einprägsame Metapher. Aufteilung in zwei Modi (Chat / Code) als bewusste Designentscheidung für unterschiedliche Use-Cases.

3 · Tech-Stack

Strategische Wahl: Next.js 15 + React 19, Supabase als Backend-as-a-Service mit RLS, Gemini als KI-Engine — bewusst erst am Ende integriert, damit die UX zuerst unabhängig vom KI-Output steht.

4 · Entwicklung Feature für Feature

Iterativer Ansatz: Auth, Dashboard, Chat-Interface, Projektmanagement, Command-Palette und responsives Design — jedes Feature einzeln gebaut, getestet und gepusht.

5 · UX-Polish & Onboarding

Feinschliff: einheitlicher 1200px-Container, erklärende Empty-States und ein interaktiver Onboarding-Walkthrough beim ersten Login, dessen Fortschritt gespeichert wird.

6 · Branding & Logo

Bewusst zuletzt: ein Pfeil (Input → Output) kombiniert mit einem Stift (Prompting). Zwei Varianten, die per CSS automatisch zum Theme passen — ohne JavaScript-Flicker.

Design-Philosophie

Minimalistisches, modernes SaaS-Design mit Baby-Blau (#8FCDF2) als Akzent.
Eigenes HSL-Token-System in Tailwind, Glasmorphism-Elemente auf der Landing Page.
Flüssige Animationen mit Framer Motion — automatisch reduziert bei prefers-reduced-motion.

Technologien

Next.js 15 React 19 TypeScript Tailwind CSS Framer Motion Supabase PostgreSQL / RLS Google Gemini Stripe Docker