← Volver al catálogo
WebReferenciaIntermedioEn el pase

Pulir Interfaces: Detalles de Diseño

Aplica los pequeños detalles de ingeniería de diseño que hacen que una interfaz se sienta pulida en lugar de plana o genérica: espaciado, tipografía, bordes, sombras, motion, áreas de pulsación, iconos, ajuste de texto y estados de interacción. Dirigida a quien revisa o mejora una UI y necesita recomendaciones concretas antes/después. Cubre radios concéntricos, alineación óptica, sombras en capas y reglas de text-wrap.

Comprobando acceso…

Incluida en el Pase · para Claude Code, Cursor, Codex CLI

// resultado_de_ejemplo
Abrir en una pestaña nueva ↗

// qué_hace

Mejora la sensación de calidad de una UI mediante detalles concretos de diseño e interacción.

// cómo_lo_hace

Aplica principios como radio concéntrico, alineación óptica, sombras en capas, reglas de text-wrap (balance/pretty) y estados completos (hover, focus, loading, empty) con recomendaciones antes/después.

// ejemplo_de_uso

Úsala cuando tu producto funciona pero 'se siente barato' y quieres pulir los detalles que marcan la diferencia. Ej.: aplicas alineación óptica a los iconos, sombras en capas y los estados de hover, focus y vacío que faltaban en 8 botones del panel.

// plataformas

Claude CodeCursorCodex CLI
Categoría
Web
Tipo
Referencia
Nivel
Intermedio
Licencia
MIT
Seguridad
seguro · riesgo bajo
Versión
1.0.0

// opiniones_de_la_comunidad

Opiniones

Cargando opiniones…