Codex use case
Convierte historias de usuario en maquetas de IU
Convierte comentarios sobre el producto, hilos de issues y contexto de diseño en maquetas que tu equipo pueda evaluar e implementar.
Usa Codex para recopilar comentarios sobre el producto de Slack, Linear y Google Drive, estructurarlos como historias de usuario y restricciones, y luego generar maquetas de IU con ImageGen. Una vez elegida la propuesta, convierte la maqueta en un prototipo funcional.
Ideal para
- Equipos de producto que convierten comentarios dispersos en una propuesta visual para una funcionalidad.
- Equipos de diseño e ingeniería que quieren crear maquetas basadas en material de referencia antes de comenzar a desarrollar.
- Equipos que quieren iterar con rapidez a partir de los comentarios de los usuarios.
Contents
Convierte historias de usuario en maquetas de IU
Convierte comentarios sobre el producto, hilos de issues y contexto de diseño en maquetas que tu equipo pueda evaluar e implementar.
Usa Codex para recopilar comentarios sobre el producto de Slack, Linear y Google Drive, estructurarlos como historias de usuario y restricciones, y luego generar maquetas de IU con ImageGen. Una vez elegida la propuesta, convierte la maqueta en un prototipo funcional.
Usa Codex para recopilar comentarios sobre el producto de Slack, Linear y Google Drive, estructurarlos como historias de usuario y restricciones, y luego generar maquetas de IU con ImageGen. Una vez elegida la propuesta, convierte la maqueta en un prototipo funcional.
Enlaces relacionados
Ideal para
- Equipos de producto que convierten comentarios dispersos en una propuesta visual para una funcionalidad.
- Equipos de diseño e ingeniería que quieren crear maquetas basadas en material de referencia antes de comenzar a desarrollar.
- Equipos que quieren iterar con rapidez a partir de los comentarios de los usuarios.
Habilidades y complementos
- Busca historias de usuario, puntos de fricción, citas y preguntas abiertas en los canales e hilos de comentarios aprobados.
- Incorpora solicitudes de funcionalidades, informes de errores, etiquetas, prioridades y contexto del proyecto al brief de la maqueta.
- Lee notas de investigación, resúmenes de llamadas, documentos, hojas de cálculo y presentaciones que contengan comentarios sobre el producto o requisitos de diseño.
- Obtén contexto de diseño, capturas de pantalla y referencias del sistema de diseño para que las maquetas no se aparten del lenguaje visual del producto.
- ImageGenGenera maquetas de IU, variantes y una referencia visual fiel a partir de las historias sintetizadas y las restricciones de diseño.
- Convierte la maqueta seleccionada en un prototipo web funcional y verifica que la implementación coincida con la maqueta.
| Skill | Why use it |
|---|---|
| Slack | Busca historias de usuario, puntos de fricción, citas y preguntas abiertas en los canales e hilos de comentarios aprobados. |
| Linear | Incorpora solicitudes de funcionalidades, informes de errores, etiquetas, prioridades y contexto del proyecto al brief de la maqueta. |
| Google Drive | Lee notas de investigación, resúmenes de llamadas, documentos, hojas de cálculo y presentaciones que contengan comentarios sobre el producto o requisitos de diseño. |
| Figma | Obtén contexto de diseño, capturas de pantalla y referencias del sistema de diseño para que las maquetas no se aparten del lenguaje visual del producto. |
| ImageGen | Genera maquetas de IU, variantes y una referencia visual fiel a partir de las historias sintetizadas y las restricciones de diseño. |
| Build Web Apps | Convierte la maqueta seleccionada en un prototipo web funcional y verifica que la implementación coincida con la maqueta. |
Prompt inicial
Introducción
Los equipos de producto suelen recopilar comentarios de diversas fuentes, como hilos de Slack, issues de Linear, documentos u hojas de cálculo de Google Drive, o notas de llamadas con clientes. En algunos casos, tienen historias de usuario claras que ilustran un problema que quieren resolver; en otros, el contexto se encuentra en esas fuentes.
ChatGPT puede recopilar este contexto y convertirlo en una maqueta de IU para una funcionalidad que resuelva el problema. Una vez que valides la propuesta, Codex puede implementarla en el producto.
Genera una referencia visual fiel
Si tienes una historia de usuario clara, puedes comenzar por ella. De lo contrario, primero puedes conversar con ChatGPT para recopilar contexto de distintas fuentes y sintetizarlo en una historia de usuario.
Luego, puedes pedirle a ChatGPT que use la generación de imágenes para crear varias propuestas visuales de la maqueta. Las maquetas deben respetar la arquitectura de la información del producto y las restricciones del sistema de diseño.
Si te resulta útil, puedes proporcionar capturas de pantalla de la IU actual o un archivo de Figma como referencia.
Repite este proceso hasta que la maqueta te satisfaga. Cuanto más acotados sean los cambios, más probable será que Codex genere una maqueta que pueda implementarse directamente.
Pasa de la maqueta al prototipo
Usa la imagen final de la maqueta que quieras que Codex implemente. Selecciona Codex, inicia un chat nuevo y vuelve a adjuntar la imagen, en lugar de continuar directamente en el chat de ChatGPT. Luego, pídele a Codex que implemente la maqueta —si estás creando una aplicación web, puedes usar el complemento Build Web Apps— para convertirla en un prototipo funcional:
Casos de uso relacionados
Coordina la incorporación de nuevas contrataciones
Usa ChatGPT para recopilar contexto aprobado sobre nuevas contrataciones, preparar...
Redacta PRD a partir del contexto interno
Usa ChatGPT con la habilidad $documents y complementos conectados, como Linear, Slack...
Prepara resúmenes preparatorios para reuniones
Usa ChatGPT con Calendar, Drive, Slack y Gmail para reunir las fuentes aprobadas antes de...