NameThatUI

Diccionario visual de UI. Lo describes como puedas y te da el nombre real y el símbolo de API.

Para qué reto sirve

Cuando sabes exactamente qué quieres y el agente te devuelve otra cosa, casi siempre es porque lo nombraste mal. Pedir "el fondo oscuro detrás del popup" produce basura; pedir un scrim con ::backdrop produce lo que querías. Esta herramienta convierte una descripción torpe en el término que el agente sí entiende.

Qué es

Diccionario visual de interfaz. Describes el elemento con tus palabras —"la pastilla pálida detrás del icono de la barra de menús", "los puntitos que agarras para arrastrar"— y te devuelve tres cosas: el nombre real, el símbolo de API concreto y un prompt listo para pegar en tu agente de código. Tiene 71 entradas: 39 de web y 32 de macOS. Una segunda sección, Name That Vibe, hace lo mismo con estilos visuales en vez de con elementos.

Cuándo no usarla

Solo cubre web y macOS. No hay iOS, ni Android, ni Windows, ni patrones de escritorio Linux. Con 71 entradas lo común está y lo raro no. Y no da código ni componentes: da vocabulario. No tiene repositorio público ni licencia declarada, así que no puedes depender de ella como fuente offline.

Mi veredicto

Sin probar. Ataca un problema que sí tengo: el prompt impreciso cuando no sé cómo se llama la pieza. La prueba real es la próxima vez que me atasque nombrando algo, ver si lo encuentro antes de rendirme y describirlo mal.

Cómo verifica los nombres

Es lo que la separa de una lista de blog. Cada término se comprueba contra fuente primaria antes de entrar: las Human Interface Guidelines y la documentación de Apple para los símbolos de AppKit, SwiftUI y UIKit; WAI-ARIA, el APG y WCAG para roles y comportamiento accesible; la especificación de WHATWG y MDN para semántica nativa de HTML.

Cuando los nombres no coinciden entre plataformas —y pasa seguido, incluso entre AppKit y SwiftUI— mantiene la plataforma pegada al término en vez de inventar un vocabulario universal.

Las guías

Además del diccionario hay tres piezas de decisión: AppKit vs SwiftUI (qué nombre decir en un prompt cuando el mismo elemento tiene dos), Swift vs Electron y una tabla de traducción con más de 60 elementos en formato nombre común → AppKit → SwiftUI.