Best Practice · tex started × Claude Code

Von Datenchaos zur fertigen Web-App

Wie das Startup-Netzwerk tex started in ca. 2 Stunden Aufwand eine vollständige, durchsuchbare Community-Plattform mit KI-Unterstützung realisierte – ohne Entwickler, ohne Programmierkenntnisse.

~2h Stunden
Aufwand
7 Entwicklungs-
schritte
0 Programmier-
kenntnisse
Projektvorschau
🌟 Die Vorlage für die App
Ausgangslage

Das Problem: Wertvolle Daten ohne nutzbare Struktur

Über mehrere Jahre entstanden Startup-Daten auf unterschiedlichen Plattformen – verstreut, unvollständig und nicht öffentlich zugänglich.

📋

Inkonsistente Formulare

Anmeldungen liefen mal über Microsoft Forms, mal über Google Formulare – mit unterschiedlichen Feldern und wechselnden Abfragestrukturen. Kein einheitliches Bild.

🧩

Lückenhafte Datenbasis

Fehlende Logos, uneinheitliche Beschreibungen und im Laufe der Zeit nachträglich ergänzte Felder machten eine saubere Gesamtdarstellung unmöglich.

🔍

Keine Auffindbarkeit

Das Potenzial der Community blieb unsichtbar – kein Weg, Startups zu durchsuchen, zu filtern oder gezielt Kontakt aufzunehmen.

Das Werkzeug

Was ist Claude Code?

Claude Code ist ein KI-gestütztes Entwicklungswerkzeug von Anthropic. Es arbeitet direkt im Terminal, liest und schreibt Code eigenständig – und setzt dabei Anforderungen um, die in normaler Alltagssprache beschrieben werden.

Man erklärt ihm ein Problem wie einem Kollegen: Was soll entstehen? Was ist vorhanden? Was ist das Ziel? Den Rest erledigt Claude Code selbstständig im Hintergrund.

Kein Programmieren nötig Normale Sprache Arbeitet eigenständig Korrigiert sich selbst Ergebnis sofort einsatzbereit
🤖

Kein Entwickler-Hintergrund erforderlich.

Claude Code versteht natürlichsprachliche Anforderungen und übersetzt sie in funktionierenden, professionellen Code – iterativ, eigenständig und mit einem Ergebnis, das sofort genutzt werden kann.

Schritt für Schritt

Die Umsetzung in 7 Schritten

Claude Code erhielt die vorhandenen Daten, ein Bild des gewünschten Ergebnisses und eine kurze Beschreibung – und arbeitete den Rest vollständig eigenständig ab. Klick auf einen Schritt für Details.

1
🏗️ Grundstruktur & Kachelansicht

Auf Basis der vorhandenen Daten und des Referenzbildes erstellte Claude Code eine vollständige Web-App mit einer Kachelansicht aller Startups. Jede Kachel zeigt Logo, Name, Slogan und Kurzbeschreibung auf einen Blick.

✓ Direkt einsatzbereit nach dem ersten Durchlauf
2
📄 Detailansichten mit allen Informationen

Ein Klick auf eine Kachel öffnet eine Detailseite mit Website-Link, E-Mail-Kontakt und thematischen Schlagworten. Fehlende Schlagworte wurden von Claude Code automatisch anhand der Beschreibungstexte generiert – ohne zusätzliche Anweisung.

✓ Automatische Tag-Generierung aus Beschreibungstext
3
🔎 Such- & Filterfunktion

Claude Code fügte eigenständig ein Dropdown-Menü zur Filterung nach Schlagworten sowie ein freies Suchfeld hinzu – beides ohne gesonderte Anforderung, da es dem Ziel der Plattform offensichtlich entsprach.

✓ Proaktiv ergänzt, ohne explizite Anweisung
4
🖼️ Logos automatisch recherchiert & ergänzt

Viele Logos fehlten in den Ausgangsdaten. Claude Code besuchte die Websites der jeweiligen Startups, fand dort vorhandene Logos und integrierte diese automatisch in die App – ohne manuellen Aufwand für das Team.

✓ Automatische Logo-Recherche auf Startup-Websites
5
✉️ E-Mail-Kontakt mit vorausgefülltem Betreff

Die E-Mail-Adressen wurden so konfiguriert, dass ein Klick direkt das E-Mail-Programm öffnet und automatisch einen sinnvollen Betreff vorausfüllt – eine einfache Anforderung, schnell und sauber umgesetzt.

✓ Direktkontakt per Klick mit vorausgefülltem Betreff
6
📱 QR-Codes automatisch generiert & eingebunden

Die spontane Idee, QR-Codes für Startup-Websites zu ergänzen – praktisch für Veranstaltungen und Präsentationen – wurde sofort umgesetzt: Claude Code entwickelte eine QR-Code-Generierungslogik und integrierte alle Codes in die Detailansichten.

✓ Spontane Idee – sofort und vollständig umgesetzt
7
🔐 Admin-Bereich für dauerhafte Datenpflege

Damit das System dauerhaft nutzbar bleibt, wurde ein passwortgeschützter Admin-Bereich eingerichtet. Über eine intuitive Eingabemaske können Startups angelegt, bearbeitet und verwaltet werden – ganz ohne technisches Wissen.

✓ Vollständige Verwaltung mit Login-Schutz & Eingabemaske
Das Resultat

Eine vollständige Community-Plattform

Das Ergebnis ist eine professionelle, öffentlich nutzbare Web-App – responsive, durchsuchbar und dauerhaft pflegbar.

Projektergebnis
🃏

Kachelansicht aller Startups

Visuell ansprechende Übersicht mit Logo, Name, Slogan und Tags auf einen Blick.

🔍

Volltextsuche & Kategoriefilter

Direkte Suche und Filterung nach Schlagworten – sofort, ohne Ladezeiten.

📱

QR-Codes in jeder Detailansicht

Für Veranstaltungen und Präsentationen: QR-Code direkt zur Startup-Website.

✉️

Direktkontakt per Klick

E-Mail-Links öffnen das Mailprogramm mit vorausgefülltem Betreff.

🔐

Admin-Bereich zur Datenpflege

Geschützter Bereich zum Anlegen, Bearbeiten und Verwalten aller Einträge.

Was zählt

Die Zahlen sprechen für sich

Was typischerweise Wochen dauert und ein technisches Team erfordert, entstand hier in einer einzigen, kurzen Arbeitssession.

~2h Stunden aktiver Aufwand für das tex started Team
0 Entwicklungsschritte – eigenständig von Claude Code abgearbeitet
0 Programmierkenntnisse erforderlich – nur klare Beschreibungen
∞ Erweiterungsmöglichkeiten – die App ist dauerhaft pflegbar
Vorher vs. Nachher

Was sich verändert hat

Ein direkter Vergleich zeigt, was durch den Einsatz von Claude Code in kurzer Zeit möglich wurde.

Aspekt ✖ Vorher ✓ Mit Claude Code
Entwicklungszeit Wochen bis Monate ca. 2 Stunden Aufwand
Technisches Team Entwickler erforderlich Kein Entwickler nötig
Datenbasis Verstreut & inkonsistent Einheitlich & durchsuchbar
Fehlende Logos Manuell nachpflegen Automatisch recherchiert
Schlagworte Fehlend oder unvollständig Automatisch aus Beschreibung generiert
Spontane Ideen Aufwändige Nachentwicklung Sofort umsetzbar (z. B. QR-Codes)
Datenpflege Kein System vorhanden Admin-Bereich mit Eingabemaske
Für eigene Projekte

5 Empfehlungen für den Einstieg

Was macht den Unterschied, wenn man Claude Code für ein eigenes Projekt einsetzen möchte?

1

Problem klar beschreiben

In normaler Sprache, kein Technik-Jargon. Was soll entstehen? Für wen? Warum?

2

Material liefern

Vorhandene Daten, Bilder, Beispiele – je konkreter die Ausgangslage, desto besser das Ergebnis.

3

Zwischenergebnisse prüfen

Kurzes Feedback genügt. Claude Code passt sich flexibel an und korrigiert eigenständig.

4

Ideen spontan einbringen

Auch nachträgliche Ergänzungen wie QR-Codes oder neue Features sind kein Problem.

5

Loslassen und vertrauen

Die technische Umsetzung läuft im Hintergrund – Fokus auf das Ziel behalten.

Ihr habt eine ähnliche Herausforderung?

KI-Werkzeuge wie Claude Code nehmen die technische Umsetzung vollständig ab. Das Ergebnis ist professionell, funktional und sofort einsatzbereit – für jedes Team bei textil+mode, unabhängig vom technischen Hintergrund.

Der Kontakt zu uns →