Lead Tinder:
Swipen statt Tippen.
Dein B2B-Matchmaker.
Schluss mit Excel-Friedhöfen. Wir entwickeln live deinen intelligenten Sales-Assistenten, der Visitenkarten scannt, Websites analysiert und dir sagt: Top oder Flop?
Sarah Weber
Head of Marketing @ FutureScale GmbH
Hoher Fit: Sucht nach Automatisierungslösungen. Budget vorhanden.
Was wir heute bauen
Stell dir vor, du lernst jemanden auf einem Event kennen. Statt die Visitenkarte später irgendwo in Excel zu verlieren, landet der Kontakt direkt in einer Lead-Tinder-App.
1. Lead Erfassung
Du erfasst kurz: Name, Firma, Website, Notizen. Die Basisdaten landen sofort in unserem State.
2. AI Analyse
- ●Firecrawl extrahiert die Website-Inhalte
- ●OpenAI bewertet (Score 0–100)
- ●Auto-Labeling (Top/Interessant/Low)
3. Decision Time
Swipe Right für Qualifizieren, Left für Discard. Am Ende hast du eine PWA mit iOS-Look, die sich wie eine native App anfühlt.
The Methodology
Vibe Coding statt Copy-Paste
Es geht nicht darum, „irgendwie Code zu generieren", sondern wie Profis mit KI zusammenarbeiten. Dafür nutzen wir einfache, aber wirkungsvolle Techniken.
1. Mini-Produktbriefing
Wir beschreiben die App in 2–3 Absätzen. Cursor muss verstehen, WAS wir entwickeln, nicht nur welche Datei geändert wird.
2. Klarer Scope
Fokus: Lead erfassen, swipen, KI-Score. Bewusst out-of-scope: CRM, Auth, Bulk-Import. Kein Feature-Chaos.
3. Daten & Flows zuerst
Wir definieren, wie ein Lead aussieht und welcher Flow ihn durchläuft – bevor wir Types und Komponenten generieren.
4. Akzeptanzkriterien
Wann ist Version 1 'gut genug'? Lead anlegen, Score sehen, swipen, Daten persistieren.
5. Projektstruktur
Entscheidung upfront: Next.js, API-Routes, Komponenten-Struktur – damit Cursor nicht ins Chaos codet.
Cursor Rules
Strikte Projekt-Regeln: TypeScript, Mobile-first, Konsta UI, keine Keys im Client.
Der Plan
Statt „Mach mal" generieren wir einen Schritt-für-Schritt Plan: UI → State → API → KI.
Mode: Chat vs Edit
Chat für Konzepte, Edit für gezielte Code-Änderungen. Inkrementelle Schritte für Kontrolle.
KI-Integration
Das Pattern: Frontend → Next.js API → Firecrawl (Summary) → OpenAI (Score) → Card.
Ablauf &
Zielgruppe
👀 Für wen ist das?
- Entwickler:innen, die KI als Co-Programmierer nutzen möchten (mit Kontrolle).
- Tech-Leads & PMs, die sehen möchten, wie man von Idee → Prototyp in < 1h kommt.
- Neugierige, die lieber mit echten Business-Cases lernen statt mit Todo-Apps.
- Alle, die keine Lust mehr haben, Leads in Excel-Tabellen zu beerdigen.
Problem & Story
Lost Leads, Visitenkarten-Chaos, Excel-Hölle – warum wir überhaupt eine Lead-App benötigen.
Produkt- & Technik-Briefing
Was wir entwickeln (Lead Tinder) – und wie (Vibe Coding, Next.js, OpenAI, Firecrawl).
Vibe Coding live
Von leeren Dateien zu Lead-Karte, Swipe-Logik und erstem manuellen Scoring.
KI-Upgrade (The Magic)
Wir integrieren Firecrawl & OpenAI und lassen die App Leads wirklich verstehen.
Q&A & Ausblick
Wie man das Ganze in Richtung echtes CRM, Pipelines und Sales-Prozesse weiterdenkt.