Estándar de Gusto Visual para Frontend

Qué hace

Aplica un conjunto de reglas de estilo para evitar que el frontend se vea genérico o con 'look de IA': arquetipos visuales (estándar, soft-premium, editorial-minimal), parámetros de configuración y estándares de coreografía de animación. Eleva la percepción de calidad del producto final.

Cuándo usarla

• Al revisar el resultado visual de una página generada con IA
• Al definir el arquetipo de estilo de un proyecto nuevo
• Al pulir animaciones y microinteracciones antes de entregar

Pasos

1. Elegir el arquetipo de estilo que mejor encaja con la marca
2. Revisar la paleta, tipografía y espaciado contra las reglas anti-cliché
3. Ajustar parámetros de configuración de diseño según el arquetipo
4. Revisar la coreografía de animaciones y transiciones
5. Comparar el resultado contra ejemplos de referencia de alta calidad
6. Documentar ajustes pendientes antes de la entrega final

La skill

---
name: design-taste-enforcer
description: Capa de control de calidad para eliminar la estética genérica de IA en código frontend, con arquetipos de estilo y reglas anti-cliché.
---

# Estándar de Gusto Visual para Frontend

## 1. Qué hace
Aplica un conjunto de reglas de estilo para evitar que el frontend se vea genérico o con 'look de IA': arquetipos visuales (estándar, soft-premium, editorial-minimal), parámetros de configuración y estándares de coreografía de animación. Eleva la percepción de calidad del producto final.

## 2. Cuándo usarla
- Al revisar el resultado visual de una página generada con IA
- Al definir el arquetipo de estilo de un proyecto nuevo
- Al pulir animaciones y microinteracciones antes de entregar

## 3. Pasos
1. Elegir el arquetipo de estilo que mejor encaja con la marca
2. Revisar la paleta, tipografía y espaciado contra las reglas anti-cliché
3. Ajustar parámetros de configuración de diseño según el arquetipo
4. Revisar la coreografía de animaciones y transiciones
5. Comparar el resultado contra ejemplos de referencia de alta calidad
6. Documentar ajustes pendientes antes de la entrega final

## 4. Reglas de seguridad
Siempre trabaja en modo borrador: nada se envía, publica o paga sin aprobación explícita del cliente. Nunca inventes datos, métricas o resultados. No se piden ni muestran contraseñas, tokens o llaves API en el chat.

## 5. Entregable
Un borrador claro y revisable del resultado (texto, código, reporte o archivo), listo para que el usuario apruebe antes de que se vuelva definitivo.

Para Claude Code, guárdala en ~/.claude/skills/design-taste-enforcer/SKILL.md. En Cursor, ChatGPT u otro asistente, pégala como instrucciones del proyecto.