Frontend & UI
redesign-existing-projects
Audite un site existant et le fait progresser sans casser ses fonctionnalités.
De quoi il s’agit
Un workflow de scan, diagnostic et correction pour projets existants. Il audite la typo, la couleur, la mise en page, les états, le contenu, les icônes et la qualité du code, puis applique des améliorations ciblées dans la stack en place.
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
Pourquoi ça compte pour le design
- Les dégradés IA violet-bleu et les trois rangées de cartes égales sont remplacés par des alternatives réfléchies.
- Les boutons d’un groupe de cartes s’alignent sur une seule ligne basse, malgré des contenus variés.
- Les états manquants de survol, focus, chargement, vide et erreur sont complétés.
Ce que ça couvre
- How this works
- Design audit
- Upgrade techniques
- Fix priority
- Rules
Comment l’installer
redesign-existing-projects
-
Clonez le dépôt.
git clone https://github.com/Leonxlnx/taste-skill -
Pointez Codex sur le fichier du skill.
skills/redesign-skill/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Il scanne d’abord la base de code pour identifier le framework et la méthode de style.
-
Il liste chaque pattern générique et chaque point faible avant de toucher à quoi que ce soit.
-
Les corrections arrivent par ordre de priorité : polices, couleur, états, mise en page, composants, finition typo.
Chaque plugin présenté ici est gratuit, open source, et renvoie à sa vraie source amont.
En savoir plus sur la liste codex-design ↗Autres plugins design pour Codex
Frontend & UI Ce qu’il fait gpt-taste Construit des pages primables avec du scroll GSAP et des grilles bento sans trous. 
Design systems Ce qu’il fait Stitch Design Taste Rédige un DESIGN.md qui oriente Google Stitch vers des écrans non génériques. 
Frontend & UI Ce qu’il fait image-to-code Génère d’abord des images de design, les analyse, puis construit le code frontend correspondant. 
Frontend & UI Ce qu’il fait imagegen-frontend-mobile Génère des parcours d’écrans d’app mobile premium en images, pas en code. Prochaine étape
Designez avec Open Design, sans la config
Installez ce plugin vous-même, ou faites tourner toute une couche design sélectionnée autour de Codex avec Open Design. Apportez votre clé, gardez la main sur ce que vous produisez.