Frontend & UI
redesign-existing-projects
Prüft eine bestehende Seite und wertet sie auf, ohne die Funktion zu brechen.
Worum es geht
Ein Scan-, Diagnose- und Fix-Workflow für bestehende Projekte. Er prüft Typografie, Farbe, Layout, States, Inhalt, Icons und Codequalität und setzt dann gezielte Upgrades im bestehenden Stack um.
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla
Warum das fürs Design zählt
- Lila-blaue KI-Verläufe und drei gleich große Kartenreihen werden durch durchdachte Alternativen ersetzt.
- Buttons in Kartengruppen richten sich trotz unterschiedlicher Inhalte an einer einzigen unteren Linie aus.
- Fehlende Hover-, Focus-, Loading-, Empty- und Error-States werden ergänzt.
Was es abdeckt
- How this works
- Design audit
- Upgrade techniques
- Fix priority
- Rules
So installierst du es
redesign-existing-projects
-
Klone das Repo.
git clone https://github.com/Leonxlnx/taste-skill -
Verweise Codex auf die Skill-Datei.
skills/redesign-skill/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Er scannt zuerst die Codebasis, um Framework und Styling-Methode zu identifizieren.
-
Er listet jedes generische Muster und jede Schwachstelle auf, bevor er etwas ändert.
-
Fixes landen in Prioritätsreihenfolge: Fonts, Farbe, States, Layout, Komponenten, Typografie-Feinschliff.
Jedes Plugin hier ist kostenlos, quelloffen und verlinkt auf seine echte Originalquelle.
Mehr auf der codex-design-Liste ↗Weitere Codex-Design-Plugins
Frontend & UI Was es macht gpt-taste Baut preisverdächtige Landingpages mit GSAP-Scroll-Motion und lückenlosen Bento-Grids. 
Design-Systeme Was es macht Stitch Design Taste Schreibt eine DESIGN.md, die Google Stitch zu nicht-generischen Screens lenkt. 
Frontend & UI Was es macht image-to-code Erzeugt zuerst Design-Bilder, analysiert sie und baut dann passenden Frontend-Code. 
Frontend & UI Was es macht imagegen-frontend-mobile Erzeugt hochwertige Mobile-App-Screen-Flows als Bilder, nicht als Code. Nächster Schritt
Mit Open Design designen, ohne Setup
Installiere dieses Plugin selbst, oder leg mit Open Design eine ganze kuratierte Design-Ebene um Codex. Eigener Key, eigenes Ergebnis.