Frontend y UI
redesign-existing-projects
Audita un sitio existente y lo mejora sin romper su funcionalidad.
Qué es
Un flujo de escaneo, diagnóstico y corrección para proyectos existentes. Audita tipografía, color, maquetación, estados, contenido, iconos y calidad de código, y luego aplica mejoras específicas dentro del stack actual.
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
Por qué importa para el diseño
- Los degradados morado-azul típicos de IA y las filas de tres tarjetas iguales se sustituyen por alternativas meditadas.
- Los botones de los grupos de tarjetas se alinean a una única línea inferior, aunque el contenido varíe.
- Se completan los estados de hover, focus, carga, vacío y error que faltaban.
Qué cubre
- How this works
- Design audit
- Upgrade techniques
- Fix priority
- Rules
Cómo instalarlo
redesign-existing-projects
-
Clona el repositorio.
git clone https://github.com/Leonxlnx/taste-skill -
Señálale a Codex el archivo de la skill.
skills/redesign-skill/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Primero escanea el código para identificar el framework y el método de estilos.
-
Enumera todos los patrones genéricos y puntos débiles antes de cambiar nada.
-
Las correcciones llegan en orden de prioridad: fuentes, color, estados, maquetación, componentes, acabado tipográfico.
Todos los plugins de esta colección son gratuitos, de código abierto y enlazan a su fuente original real.
Más en la lista codex-design ↗Más plugins de diseño para Codex
Frontend y UI Qué hace gpt-taste Crea landing pages de estilo premiado con movimiento de scroll GSAP y rejillas bento sin huecos. 
Sistemas de diseño Qué hace Stitch Design Taste Escribe un DESIGN.md que orienta a Google Stitch hacia pantallas que no son genéricas. 
Frontend y UI Qué hace image-to-code Primero genera imágenes de diseño, las analiza y luego construye el código frontend correspondiente. 
Frontend y UI Qué hace imagegen-frontend-mobile Genera flujos de pantallas de apps móviles premium como imágenes, no como código. Siguiente paso
Diseña con Open Design, sin montar nada
Instálalo tú mismo, o ejecuta toda una capa de diseño curada alrededor de Codex con Open Design. Trae tu propia key: lo que produzcas es tuyo.