Cuando todo esté hecho, solo puedo pasar por aquí. Puedo ver que tengo un nuevo enlace de contacto en el encabezado, así que lo descubrió automáticamente. Y boom. Hay una nueva página de contacto. Es hermosa. Pero obtener un nuevo diseño es genial, pero ¿qué pasa si el diseño se actualiza? Así que déjame mostrarte lo que podemos hacer para eso.
Voy a salir de aquí. Solo voy a guardar, hacer commit, y vamos a pretender que nuestro diseño se actualizó. Digamos que vamos a eliminar un par de estos campos, y voy a seleccionar un par de cosas y solo vamos a usar algunos resaltados azules ahora. Quizás esto y esto. Vamos a cambiar estos colores de selección a azul primario. Está bien. Un poco más de acentos azules divertidos.
Si quiero incorporar esos cambios de diseño, todo lo que tengo que hacer es presionar Experts Code nuevamente. Cuando termine de desglosarlo, solo voy a agarrar el comando CLI. Lo mismo de nuevo, es muy parecido a copiar y pegar desde Figma. Voy a ejecutar el CLI. Esta vez, solo diré actualizar la página de contacto, actualizar la página de contacto con los estilos actualizados, y luego dejar que funcione.
La parte genial es que descubrirá automáticamente qué debería cambiar. Dejará el resto intacto. Y esto abre algunas oportunidades interesantes que llamamos desarrollo paralelo. Si queremos movernos más rápido como equipo, una cosa que podría ser genial es tener un borrador de un diseño. No tiene que ser perfecto y final. No estamos tratando de hacer un desarrollo en cascada aquí. Y luego ir y comenzar a implementar.
Y si el diseño cambia, está bien. Implementamos el diseño original, el código, agregamos la funcionalidad. Y si el diseño avanzó más, obtuvimos retroalimentación de los usuarios, etc. Podemos simplemente incorporarlo en cualquier momento. Y así aquí podemos echar un vistazo a nuestro diff. Tenemos, genial, tenemos nuestros colores actualizados. Volvamos al índice. Así que puedes ver que estamos actualizando los colores que queríamos, incluidos los estilos de modo oscuro aquí también, así que puede inferir eso automáticamente y no cambiar nada más, así como eliminar nuestros campos de formulario, etc., para coincidir con las actualizaciones de diseño que teníamos. Así que aquí podríamos simplemente hacer commit del diff y seguir adelante. No tiene que ser algo completamente nuevo cada vez. De todos modos, hay un millón de cosas más que podríamos mostrar aquí, pero espero que esto haya sido una visión general útil de trucos interesantes que recomendaría probar. Cursor y los agentes de cursor, no solo para agregar UIs basadas en las especificaciones que tienes, sino activar el modo YOLO, dándole permisos específicos, como que solo se le permite ejecutar pruebas automáticamente y hacer que ejecute pruebas e itere hasta que las pruebas pasen, y luego usar herramientas como Builder para sincronizar diseños desde el código, si no solo una vez. Puedes agregar y prototipar visualmente con todo tu equipo también, y luego bajar o usar un CLI que se conecte y actualice cada vez que cambien los diseños.
Comments