Frontend y UI
high-end-visual-design
Bloquea los valores por defecto genéricos de la IA e impone maquetación y movimiento a nivel de agencia.
Qué es
Una skill de directivas que prohíbe los valores de diseño por defecto típicos de la IA, y luego obliga al agente a elegir un arquetipo de ambiente y un arquetipo de maquetación antes de escribir cualquier código de UI.
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look che
Por qué importa para el diseño
- Prohíbe Inter, Roboto y los iconos gruesos de Lucide, así el resultado deja de parecer una plantilla.
- Las tarjetas reciben una carcasa exterior anidada más un núcleo interior, dando a los contenedores una profundidad real y trabajada.
- El padding de sección arranca en py-24, así las maquetaciones respiran en vez de amontonarse.
Qué cubre
- Absolute zero directive
- Creative variance engine
- Haptic micro-aesthetics
- Motion choreography
- Performance guardrails
- Pre-output checklist
Cómo instalarlo
high-end-visual-design
-
Clona el repositorio.
git clone https://github.com/Leonxlnx/taste-skill -
Señálale a Codex el archivo de la skill.
skills/soft-skill/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Pídele una página a Codex; primero acciona en silencio el motor de variación.
-
Monta la textura de fondo y la escala tipográfica, y luego construye contenedores de doble bisel.
-
Inyecta movimiento con cubic-bezier a medida, y luego ejecuta la lista de comprobación previa a la salida.
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.