GitHub
inattentional-blindness
No percibimos lo que no esperamos ver. Use cuando diseñe elementos críticos que deben ser notados, o cuando coloque información fuera del flujo principal.
☆ 1View skill
Development AI Skills
Discover Development skills, compare source repositories and read the instructions for each workflow.
Categories: Development
Development Clear filters
Browse skills
GitHub
nielsen-consistency
Mantiene patrones visuales y de comportamiento uniformes en toda la interfaz. Use cuando diseñe sistemas de diseño, defina patrones de interacción, o evalúe coherencia entre pantallas.
☆ 1View skill
GitHub
nielsen-flexibility
Proporciona atajos para usuarios expertos sin afectar a novatos. Use cuando diseñe interfaces que serán usadas repetidamente o por usuarios con diferentes niveles de experiencia.
☆ 1View skill
GitHub
millers-law
Limita información a 7±2 (o 4±1) chunks para memoria de trabajo. Use cuando organice navegación, formularios, dashboards, o cualquier lista de elementos.
☆ 1View skill
GitHub
least-astonishment
El sistema debe comportarse como el usuario espera. Use cuando diseñe interacciones, tome decisiones sobre comportamientos, o evalúe sorpresas en la UX.
☆ 1View skill
GitHub
weber-fechner-law
La percepción de cambio es proporcional al estímulo original. Use cuando diseñe feedback de progreso, sistemas de pricing, o cambios visuales graduales.
☆ 1View skill
GitHub
goal-gradient-effect
El esfuerzo aumenta a medida que nos acercamos a una meta. Use cuando diseñe progress bars, programas de lealtad, flujos multi-paso, o gamificación.
☆ 1View skill
GitHub
similarity
Elementos visualmente similares se perciben como relacionados. Use cuando diseñe sistemas de iconos, estados, categorías, o elementos que deben verse como grupo.
☆ 1View skill
GitHub
trust-credibility
Principios de BJ Fogg sobre credibilidad en web. Use cuando diseñe para conversión, e-commerce, o cualquier contexto donde la confianza es crítica.
☆ 1View skill
GitHub
cognitive-load
La cantidad de esfuerzo mental requerido para procesar información. Use cuando diseñe interfaces complejas, flujos de onboarding, o sistemas de información.
☆ 1View skill
GitHub
poka-yoke
Diseño a prueba de errores que hace imposible el uso incorrecto. Use cuando diseñe flujos críticos, formularios, o sistemas donde los errores tienen consecuencias.
☆ 1View skill
GitHub
jakobs-law
Los usuarios esperan que tu sitio funcione como otros que conocen. Use cuando evalúe patrones de diseño, tome decisiones sobre convenciones, o considere innovaciones en UI.
☆ 1View skill
GitHub
von-restorff-effect
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.
☆ 1View skill
GitHub
symmetry
Elementos simétricos se perciben como relacionados y estables. Use cuando diseñe layouts balanceados, iconos, o composiciones que transmitan equilibrio.
☆ 1View skill
GitHub
wcag-robust
Principio 4 de WCAG - compatibilidad con tecnologías actuales y futuras. Use cuando implemente HTML, ARIA, o componentes custom para asegurar compatibilidad.
☆ 1View skill
GitHub
serial-position-effect
Los items al inicio y final de listas se recuerdan mejor. Use cuando ordene menús, listas, navegación, o cualquier secuencia de elementos.
☆ 1View skill
GitHub
wcag-perceivable
Principio 1 de WCAG - contenido perceptible por todos los usuarios. Use cuando diseñe contenido multimedia, imágenes, o cualquier información visual o auditiva.
☆ 1View skill
GitHub
fitts-law
Calcula el tiempo para alcanzar un objetivo basado en distancia y tamaño. Use cuando dimensione botones, posicione CTAs, o diseñe áreas interactivas.
☆ 1View skill
GitHub
anchoring-effect
La primera información recibida influye en juicios posteriores. Use cuando diseñe pricing, comparaciones, o cualquier contexto donde el orden de información importa.
☆ 1View skill
GitHub
consistency-principle
Comportamientos y apariencias consistentes mejoran la usabilidad. Use cuando establezca patrones de diseño, defina guidelines, o evalúe coherencia del sistema.
☆ 1View skill
GitHub
progressive-disclosure
Revela información y opciones gradualmente según se necesitan. Use cuando simplifique interfaces complejas, diseñe onboarding, o maneje configuraciones avanzadas.
☆ 1View skill
GitHub
nielsen-error-prevention
Diseña interfaces que previenen errores antes de que ocurran. Use cuando diseñe formularios, acciones destructivas, o flujos donde los usuarios pueden cometer errores costosos.
☆ 1View skill
GitHub
nielsen-recognition-recall
Minimiza la carga de memoria mostrando opciones visibles en lugar de requerir que usuarios recuerden información. Use cuando diseñe navegación, formularios, o interfaces donde el usuario debe tomar decisiones.
☆ 1View skill
GitHub
closure
El cerebro completa formas incompletas. Use cuando diseñe iconos minimalistas, logos, o interfaces que sugieren más de lo que muestran explícitamente.
☆ 1View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.