Diseño
Diseñar páginas web con un aspecto uniforme y fáciles de usar para todos
Úsalo al diseñar o revisar las pantallas de un sitio web. Define qué destaca primero, espacios, tamaños de letra, colores, botones reutilizables y respuestas al hacer clic, y antes de publicar comprueba con cifras la accesibilidad y la velocidad.
Crea y actualiza una biblioteca de componentes de UI que siga las reglas de diseño
Úsalo cuando una IA añada o cambie componentes en una biblioteca de UI tipada. Lee primero las especificaciones, usa valores de diseño comunes, prueba el teclado y la accesibilidad, sincroniza documentación y demostraciones y pasa todas las comprobaciones.
Probar una idea de diseño con usuarios en un sprint corto antes de decidir (design sprint)
Para cuando una decisión importante se frena por dudas sobre una experiencia, servicio o mensaje. Fija las preguntas y quién decide, cada persona esboza ideas a solas, se crea un prototipo realista, se prueba con usuarios uno a uno y se elige el siguiente paso.
Elige una plantilla según el ambiente y crea una presentación HTML
Úsalo para crear diapositivas desde un resumen. Pregunta la ocasión y el ambiente, muestra tres vistas previas del título con tu contenido real, rellena la plantilla elegida sin cambiar su estilo y revisa cada archivo en el navegador.
Cree una herramienta de diseño para agentes de IA con comandos y comprobaciones en orden
Úselo al crear o cambiar una herramienta de diseño para agentes de IA. Lee el proyecto, pregunta si es para una marca o una aplicación, une cada comando a una fuente, cuida las reglas de color y redacción, separa las versiones del trabajo diario y prueba primero cada comprobación nueva.
Cambiar una biblioteca de componentes de interfaz y comprobar que nada se rompa
Úsala cuando una IA cambie componentes de interfaz guardados en un solo repositorio (monorepositorio). Sigue sus comandos y paquetes, escribe errores que dicen cómo arreglarlos, prueba como un usuario, comprueba accesibilidad y capturas de pantalla, y regenera la documentación de la API.
Diseña apps y webs que también puedan usar las personas con discapacidad (accesibilidad)
Úsalo al diseñar una app o web. Busca dónde se bloquean las tareas por vista, oído, movilidad o comprensión, revisa contraste, herramientas de apoyo, subtítulos, teclado y destellos, y prueba antes de publicar.
Mantén ordenado el repositorio de código de un producto con app y línea de comandos
Úsalo cuando una IA trabaja en el gran repositorio de un producto con app y línea de comandos. Sigue las reglas en orden, pone el código de cada parte en su sitio, añade cada función nueva a ambas, revisa los cambios con la prueba más ligera y revisa cada versión antes de publicarla.
Escribe la documentación de un sistema de diseño y mantenla al día
Úsalo para documentar el sistema de diseño de tu equipo. Define qué cubrir, divide el trabajo en páginas por prioridad, explica cada componente con qué, por qué, cuándo y cómo, y antes de publicar comprueba que documentos, diseño y código coinciden.
Crea un sistema de diseño que la IA sepa usar y revisa los componentes que genera
Para crear o cambiar un sistema de diseño que la IA usa para hacer pantallas. Lee primero la documentación de la rama actual, usa solo el CSS que la herramienta de estilos admite de verdad, mantiene la documentación al día y prueba si la IA crea bien los componentes.
Crea reglas de marca para que se reconozca en cualquier lugar
Úsalo al crear o renovar la imagen y la voz de una marca. Parte de su propósito y valores, fija reglas para logo, color, tipografía y diseño con buen contraste, reúne los recursos en un solo lugar para los equipos y revisa y mejora las reglas con el tiempo.
Planificar una investigación de diseño con personas de distintas capacidades e idiomas
Úsalo antes de hablar con usuarios para orientar un diseño. Vincula los objetivos a decisiones, elige métodos y funciones, recluta personas de distintas capacidades e idiomas, las protege y compensa, y mantiene privadas las notas.
Traza el recorrido de tus clientes, del primer contacto a la renovación, y ordena las mejoras
Úsalo cuando los clientes se van pronto o un grupo está menos satisfecho. Pregunta por tu negocio, qué clientes trazar y hasta dónde, y muestra por etapa lo que piensan y sienten, dónde se atascan y mejoras ordenadas con responsable.