메뉴
Los elementos que se destacan son más memorables. Use cuando diseñe CTAs, elementos de promoción, o cualquier cosa que necesite captar atención y ser recordada.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Biblioteca de componentes y patrones UI mobile-first para PWAs iOS/Android. Cubre navegación, gestos, componentes, cámara, safe areas, y patterns de Tailwind + shadcn/ui optimizados para móvil. Cumple iOS HIG y Material Design 3.
Workflow completo de desarrollo Design-First: exploración → clarificación → planificación → implementación autónoma (Ralph Loop). Incluye creación de issues GitHub de alta calidad estilo PRD.
Mantiene consistencia visual en apps iOS/PWA. Define paleta de colores, tipografía, espaciado, y componentes siguiendo un Design Token System. Evita inconsistencias de colores, fuentes y estilos. Usar cuando se detecten problemas de consistencia visual o al iniciar un nuevo proyecto.
Orquesta el flujo completo de MVP automatizado: SPEC → Historias → Tareas → Skills. Genera skills especializadas para cada tarea para que los agentes paralelos tengan conocimiento contextual específico.
Realiza entrevistas de feedback post-MVP para identificar bugs, mejoras UX, problemas de performance, seguridad y features faltantes
Principio 2 de WCAG - interfaces operables por todos. Use cuando diseñe navegación, interacciones, o cualquier componente que requiera input del usuario.
| name | von-restorff-effect |
| description | Los elementos que se destacan son más memorables. Use cuando diseñe CTAs, elementos de promoción, o cualquier cosa que necesite captar atención y ser recordada. |
| metadata | {"author":"ux-ui-skills","version":"1.0","category":"behavioral-effects"} |
Cuando múltiples objetos similares están presentes, el que difiere del resto tiene más probabilidades de ser recordado. También conocido como "efecto de aislamiento".
La atención selectiva prioriza estímulos novedosos o incongruentes. El contraste captura la atención automáticamente y mejora la codificación en memoria. El cerebro está optimizado para detectar cambios y diferencias, una adaptación evolutiva para detectar amenazas u oportunidades.
