CSS Migrationsstrategien
Inkrementell migrieren: neue Komponenten in Tailwind, dann Hot Paths, Legacy-CSS bis zum Ersatz behalten.
Ein Stylesheet komplett auf einmal umzuschreiben geht selten gut aus. Schichtweise vorzugehen ist verlässlicher: Neue Komponenten entstehen in Tailwind, danach folgen die meistbesuchten Seiten, und altes CSS bleibt bestehen, solange es gebraucht wird. Der Leitfaden zeigt das Strangler-Pattern für Styles samt Checkliste für die Abnahme.
Strangler pro Komponente
Neue UI in Utilities, während altes CSS lebt. CSS erst nach visuellem QA dieser Komponente löschen.
Primitive zuerst
Buttons, Inputs und Cards vor Page-Layouts reduzieren Doppelarbeit am Design System.
Done-Definition
Zwei Breiten, interaktive States, Orphan-CSS weg, Arbitrary Values im Ticket begründet.
Ausprobieren
.example { display: flex; gap: 1rem; padding: 1rem; }Vertrauenshinweis: Ausgabe visuell prüfen. Der Konverter ist ein Entwurfshilfe.