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.
☆ 1查看技能
工具与集成 AI 技能
发现 工具与集成 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: 工具与集成
工具与集成 清除筛选
全部技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
GitHub
symmetry
Elementos simétricos se perciben como relacionados y estables. Use cuando diseñe layouts balanceados, iconos, o composiciones que transmitan equilibrio.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
GitHub
mvp-generator
Genera MVPs completos desde SPEC.md orquestando todos los agentes especializados
☆ 1查看技能
GitHub
pareto-principle
El 80% de resultados viene del 20% de causas. Use cuando priorice features, diseñe interfaces, o decida dónde invertir esfuerzo de diseño.
☆ 1查看技能
GitHub
figure-ground
El cerebro separa elementos en primer plano y fondo. Use cuando diseñe modales, overlays, focus states, o jerarquía visual de capas.
☆ 1查看技能
GitHub
occams-razor
La solución más simple suele ser la mejor. Use cuando evalúe complejidad de diseño, tome decisiones de features, o simplifique interfaces.
☆ 1查看技能
GitHub
inclusive-design
Diseño que considera la diversidad humana desde el inicio. Use cuando diseñe para equipos diversos, mercados globales, o cuando quiera maximizar alcance.
☆ 1查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。