Planificar microinteracciones y mensajes con personalidad
Perfil de agente para idear mensajes de error, estados de carga y pequeñas respuestas visuales acordes con una marca. Incluye ejemplos CSS y JavaScript que sirven de referencia editorial y necesitan completar su implementación.Ir a la descarga
Ficha elaborada por peopleofthe.ai con asistencia de IA. Consulta el criterio editorial y los límites de las pruebas.
Contenido y licencia revisados en revisión fija; bytes, SHA256 y Git blob contrastados con árbol no truncado y captura previa. Paquete reconstruido determinísticamente. Sin ejecutar el recurso ni medir su eficacia.
Antes de empezar
Comprueba que tienes lo necesario para usar este recurso.
- Asistente que lea instrucciones Markdown en inglés; aportar tarea, audiencia, tono y restricciones de la interfaz. No incluye una aplicación ni una integración lista para instalar.
- Los ejemplos CSS usan anidamiento, variables de marca y una regla prefers-reduced-motion; comprobar herramientas y navegadores elegidos. Los ejemplos JavaScript usan DOM y no incluyen todos los métodos: faltan isUnlocked, saveProgress, updateUI y showEasterEggMessage.
- No copiar los ejemplos como solución completa. Revisar foco, teclado, lectores de pantalla, movimiento reducido y rendimiento; las instrucciones de accesibilidad no acreditan cumplimiento.
- Adaptar el humor al contexto y conservar etiquetas claras, especialmente en acciones destructivas. Revisar los mensajes que afirman envío o éxito contra el estado real de la operación.
- Los porcentajes de mejora o reducción de ansiedad del original son metas y frases modelo sin evidencia. Las animaciones, recompensas y easter eggs no garantizan satisfacción, conversión ni retención.
- El texto es gratuito bajo MIT; modelo, herramientas y producción pueden tener cuotas o costes. No se ha ejecutado JavaScript, renderizado CSS ni observado uso humano.
Compatibilidad declarada
Según la documentación de origen. La presencia en esta lista no implica una prueba de ejecución en cada entorno.
Una forma de empezar
EJEMPLO ILUSTRATIVOUna solicitud para adaptar a tu contexto y usar con el recurso.
Propón mensajes claros con un tono cercano para búsqueda sin resultados y error de conexión. Conserva la acción de recuperación y evita animaciones.
Sin resultados: «No encontramos coincidencias. Prueba otra palabra o quita un filtro». Error de conexión: «No pudimos cargar los resultados. Tu búsqueda sigue aquí; inténtalo de nuevo». Validar tono con la audiencia y mostrar esos estados solo cuando correspondan.
Ejemplo editorial ilustrativo, no obtenido mediante ejecución del recurso. No acredita funcionamiento, compatibilidad ni mejora de resultados. Este ejemplo no es una salida observada de una prueba del recurso.
La fuente, a la vista
- Recurso original
- Whimsy Injector
- Autor
- msitarzewski/agency-agents · AgentLand Contributors
- Versión o revisión
- 4e3ac3ca6604c75113f52c695dbddcc7af928b46
- Licencia
- MIT
Original íntegro y licencia MIT completa en el ZIP, con atribución, procedencia y nota editorial separada. Conservar los avisos de copyright y permiso en copias o partes sustanciales. La licencia no ofrece garantías ni acredita las afirmaciones del perfil.
Ver fuente original