GitHub
peak-end-rule
Las experiencias se juzgan por su punto más intenso y su final. Use cuando diseñe user journeys, onboarding, checkout, o cualquier experiencia extendida.
☆ 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
emotional-design
Los tres niveles de procesamiento emocional de Don Norman. Use cuando diseñe para engagement, satisfacción del usuario, o diferenciación de producto.
☆ 1View skill
GitHub
teslers-law
Toda aplicación tiene complejidad irreducible que debe ir al sistema o al usuario. Use cuando simplifique flujos, automatice tareas, o decida dónde poner la complejidad.
☆ 1View skill
GitHub
nielsen-visibility
Garantiza que el sistema informe constantemente al usuario sobre su estado. Use cuando diseñe feedback visual, loaders, estados de progreso o cualquier interacción que requiera confirmación.
☆ 1View skill
GitHub
uniform-connectedness
Elementos conectados visualmente se perciben como relacionados. Use cuando diseñe diagramas, flujos, relaciones entre elementos, o conexiones visuales.
☆ 1View skill
GitHub
ux-honeycomb
Framework de Peter Morville con 7 facetas de UX. Use cuando evalúe la experiencia completa de un producto o defina criterios de calidad UX.
☆ 1View skill
GitHub
zeigarnik-effect
Las tareas incompletas se recuerdan mejor que las completadas. Use cuando diseñe progress indicators, onboarding, gamificación, o flujos que mantienen engagement.
☆ 1View skill
GitHub
banner-blindness
Los usuarios ignoran elementos que parecen anuncios. Use cuando diseñe CTAs, notificaciones importantes, o elementos promocionales dentro de la interfaz.
☆ 1View skill
GitHub
common-fate
Elementos que se mueven juntos se perciben como grupo. Use cuando diseñe animaciones, transiciones, drag-and-drop, o elementos que reaccionan en conjunto.
☆ 1View skill
GitHub
constraints-principle
Limita acciones posibles para prevenir errores. Use cuando diseñe formularios, flujos críticos, o sistemas donde los errores son costosos.
☆ 1View skill
GitHub
feedback-principle
El sistema debe informar sobre resultados de acciones del usuario. Use cuando diseñe interacciones, estados de carga, confirmaciones, o manejo de errores.
☆ 1View skill
GitHub
change-blindness
Los usuarios no notan cambios que ocurren fuera de su foco de atención. Use cuando diseñe actualizaciones de estado, notificaciones, o cambios dinámicos en la UI.
☆ 1View skill
GitHub
past-experience
La experiencia previa influye en cómo percibimos elementos. Use cuando diseñe para audiencias específicas, aproveche convenciones, o considere conocimiento previo del usuario.
☆ 1View skill
GitHub
proximity
Elementos cercanos se perciben como relacionados. Use cuando agrupe controles, organice formularios, o diseñe layouts que comuniquen relaciones.
☆ 1View skill
GitHub
code-reviewer
Revisa código buscando bugs, seguridad, performance y mejores prácticas
☆ 1View skill
GitHub
nielsen-help-documentation
Proporciona documentación accesible y orientada a tareas. Use cuando diseñe sistemas de ayuda, onboarding, tooltips, o documentación de usuario.
☆ 1View skill
GitHub
wcag-operable
Principio 2 de WCAG - interfaces operables por todos. Use cuando diseñe navegación, interacciones, o cualquier componente que requiera input del usuario.
☆ 1View skill
GitHub
nielsen-minimalist-design
Elimina información irrelevante que compite por atención con lo esencial. Use cuando evalúe densidad de información, jerarquía visual, o simplifique interfaces sobrecargadas.
☆ 1View skill
GitHub
direct-manipulation
Los usuarios interactúan directamente con objetos en lugar de comandos abstractos. Use cuando diseñe editores, interfaces drag-and-drop, o sistemas de manipulación visual.
☆ 1View skill
GitHub
continuity
El ojo sigue líneas y curvas naturalmente. Use cuando diseñe flujos visuales, navegación, timelines, o guíe la atención del usuario.
☆ 1View skill
GitHub
pragnanz
El cerebro prefiere formas simples y ordenadas. Use cuando simplifique interfaces, diseñe iconos, o reduzca complejidad visual innecesaria.
☆ 1View skill
GitHub
affordances
Los objetos deben sugerir cómo se usan. Use cuando diseñe botones, controles interactivos, o cualquier elemento que invite a la acción.
☆ 1View skill
GitHub
mere-exposure-effect
La familiaridad genera preferencia. Use cuando introduzca nuevos features, construya marca, o diseñe onboarding gradual.
☆ 1View skill
GitHub
dark-patterns
Patrones de diseño manipulativos que engañan usuarios. Use para identificar y evitar prácticas poco éticas en diseño de interfaces.
☆ 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.