Erstellung eines KI-Entlassungstrackers mit Claude Cowork: Praktische Implementierungsdetails

Ein Entwickler hat einen Live-Tracker für Entlassungen erstellt, der alle Unternehmen erfasst und anzeigt, die KI als Grund für Stellenstreichungen im Jahr 2026 angeben. Der Tracker ist vollständig durchsuchbar, nach Branche und Jahr filterbar und enthält eine Stellenbörse mit aktiven KI-Positionen.

Wie Claude Cowork in der Entwicklung genutzt wurde

Der Entwickler nutzte Claude Cowork (den kollaborativen Arbeitsbereich) für mehrere spezifische Entwicklungsaufgaben:

• Anfängliche Tabellenstruktur generieren: Ein CSV mit Entlassungsdaten eingefügt und die Aufforderung gegeben: „Erstelle eine HTML/CSS-Tabelle mit sortierbaren Spalten, responsivem Design und Filtern für Branche und Jahr. Verwende Tailwind CSS.“ Claude lieferte die gesamte Filter-Benutzeroberfläche und Tabelle in einem Durchgang.
• Filterlogik debuggen: Ein JavaScript-Snippet geteilt, bei dem der Filter „Alle Jahre“ nicht korrekt zurückgesetzt wurde. Claude identifizierte das Problem: „Ihre renderTable()-Funktion setzt das gefilterte Array nicht zurück, wenn das Jahr ‚all‘ ist. Fügen Sie eine Bedingung hinzu.“ Die Korrektur dauerte 2 Minuten.
• Vergleichsmodal schreiben: Ein Pop-up-Modal angefordert, um 3 Laptops nebeneinander zu vergleichen. Claude schrieb das gesamte Modal-HTML, CSS-Positionierung und JS-Ereignishandler aus einer einzigen Aufforderung.
• Mobile Touch-Ziele optimieren: Gefragt: „Mache die Filter-Schublade auf mobilen Geräten zugänglich mit 48px Tippzielen und einem Hintergrund.“ Claude schrieb das CSS neu und fügte ARIA-Attribute hinzu.
• Mock-Daten generieren: Claude eine Liste von 5 Unternehmen gegeben, und es erweiterte sie auf 12 mit realistischen Jobtiteln, Gehältern und Remote/Hybrid-Tags für die Stellenbörse.

Der Entwickler merkte an, dass er dies ohne das 200k-Kontextfenster nicht hätte bauen können, das die Verarbeitung größerer Code-Snippets und komplexerer Aufforderungen in einer einzigen Interaktion ermöglichte.