Ahora puedes acceder y trabajar con todos los archivos de código detrás de un proyecto creado con Coderick AI. Esta función se suma a la edición visual y los prompts de chat como otra forma de dar forma a tu proyecto. La estamos lanzando como una capacidad principal dentro de Coderick AI, para darte más flexibilidad, control y confianza en cada proyecto que creas.
Edita tu código fuente para dar forma a tu proyecto
Una vez que Coderick AI haya creado tu proyecto, puedes abrir el código y cambiar lo que quieras. Un pequeño ajuste en un componente, una modificación en el diseño o una actualización rápida después de una revisión.
Ahora puedes abrir la nueva pestaña Código en cualquier proyecto de Coderick para leer y editar el código, y luego guardar esos cambios en tu versión en vivo. Coderick AI sigue haciendo el trabajo pesado, y tú puedes usar la pestaña Código para ampliar y personalizar el resultado tanto como quieras, desde ajustar detalles hasta añadir tus propios componentes y modificar el comportamiento de tu proyecto.
Dentro de la pestaña Código puedes:
- Editar el código manualmente en el lugar, usando los lenguajes y estructuras que Coderick ya creó para ti.
- Ajustar diseños, estilos y lógica, y luego hacer clic en Guardar para aplicar tus cambios en el proyecto cuando estés listo.
- Descartar las ediciones que hiciste en tu sesión actual si decides no conservarlas.
- Usar atajos de teclado conocidos, como Control + Z y Control + Y, para deshacer y rehacer, sin añadir botones adicionales a la interfaz.
Editar código sin usar créditos. Las ediciones manuales en la pestaña Código no consumen créditos, lo que significa que puedes hacer pequeños arreglos en el momento en que los detectas, mientras guardas tus prompts para otros cambios.
Indica a Coderick AI un archivo específico
A veces no quieres un cambio general. En su lugar, quieres que Coderick AI se enfoque en una sección concreta. Con esta actualización, puedes referenciar cualquier archivo directamente desde la vista de código en tu chat, de forma similar a como funciona hoy la Edición Visual.
Indicarle a Coderick AI un archivo concreto hace dos cosas importantes:
- Limita el modelo al contexto que importa, lo que mejora la precisión de las ediciones y explicaciones.
- Reduce la cantidad de mensajes de ida y vuelta necesarios para conseguir el cambio que quieres, lo que te ayuda a usar tus créditos de forma más eficiente.
El resultado es un proceso más ajustado. Marcas el archivo, describes lo que necesitas, y Coderick responde con cambios y razonamientos que se mantienen anclados en el lugar correcto.
Busca archivos en todo tu proyecto
A medida que tus proyectos crecen, el número de archivos crece con ellos. Para mantener las cosas simples, la nueva vista incluye una búsqueda que revisa tu árbol de proyecto y el contenido de los archivos al mismo tiempo.
Puedes:
- Buscar archivos del proyecto por nombre y por el texto que contienen, en un solo paso, usando la búsqueda situada sobre el árbol de archivos.
- Usar una búsqueda dentro del archivo cuando ya sabes cuál necesitas y quieres ir directamente a un fragmento o selector concreto.
Esto te ayuda a navegar incluso por proyectos grandes que Coderick ha generado a lo largo de varias iteraciones. Llegas al lugar correcto más rápido, sin desplazarte por cada carpeta ni revisar archivos enteros a simple vista.
Descarga el código fuente de todo tu proyecto o solo de un archivo
A veces quieres conservar una copia de tu trabajo. Con esta nueva función te damos una forma sencilla de hacerlo, ya sea que necesites todo el proyecto o solo un archivo específico.
Dentro de la pestaña Código puedes:
- Descargar el código fuente de todo el proyecto para revisarlo localmente, compartirlo con tu equipo o guardar una instantánea de tu progreso.
- Descargar un solo archivo mientras lo estás viendo, para probar, compartir o reutilizar rápidamente una pieza de código específica sin descargar todo el proyecto.
Esto te da más flexibilidad en cómo trabajas con tus proyectos día a día. Ya sea que estés revisando cambios, colaborando con alguien más o guardando una copia local de referencia, todo está a solo unos clics de distancia.
Experimenta sin miedo con tus ediciones
Editar código generado puede parecer arriesgado, así que hemos hecho que sea fácil explorar sin miedo a romper tu proyecto. Nada se aplica hasta que haces clic en Guardar, deshacer y rehacer están siempre a un atajo de distancia, y puedes Descartar todo lo de la sesión actual con un clic.
Además, siempre puedes volver a una versión anterior con un solo clic. El objetivo es simple: darte espacio para experimentar, con una red de seguridad.
Construye con prompts y código a la vez
Sigues describiendo lo que quieres en lenguaje sencillo y viendo cómo tus ideas se convierten en proyectos funcionales. Ahora, si te gusta trabajar directamente con el código detrás de ellos, también tienes un lugar para hacerlo. Si ya estás construyendo con Coderick AI, abre tu proyecto y busca la pestaña Código.
Si aún no has probado Coderick AI, inicia un nuevo proyecto con una prueba gratuita de 14 días y descubre hasta dónde te puede llevar un simple prompt.
Seguiremos ampliando la experiencia de construcción para que tanto quienes no tienen experiencia técnica como los desarrolladores experimentados se sientan como en casa dentro de Coderick AI. Si tienes ideas o sugerencias, nos encantaría escucharlas.
Preguntas frecuentes
El acceso al código fuente te permite ver y editar el código fuente de cualquier proyecto que hayas creado en Coderick AI, directamente desde la nueva pestaña Código. Puedes ajustar diseños, estilos y lógica, descargar el código fuente de todo el proyecto o de un solo archivo, y hacer ediciones manuales sin tocar los prompts.
¿Puedo editar el código de mi proyecto directamente?
Sí. La pestaña Código te da un editor de código integrado donde puedes abrir cualquier archivo, editarlo en el lugar y guardar tus cambios en el proyecto. También puedes indicarle a Coderick AI un archivo específico para que sus próximos cambios se limiten exactamente a la parte en la que estás trabajando.
¿Editar el código consume créditos?
No. Puedes editar código sin usar créditos. Las ediciones manuales en la pestaña Código no consumen ninguno, así que los pequeños arreglos ocurren tan rápido como los detectas, y tus créditos quedan libres para los cambios basados en prompts.
¿Puedo descargar mi código fuente?
Sí. Puedes descargar el código fuente de todo el proyecto para guardar una copia local, compartirlo con un compañero de equipo o entregárselo a un desarrollador. También puedes descargar un solo archivo mientras lo estás viendo.
¿Cómo encuentro un archivo o una línea de código específica?
Usa la búsqueda situada sobre el árbol de archivos para buscar archivos del proyecto por nombre y por el texto que contienen al mismo tiempo. También hay una búsqueda independiente dentro del archivo para ir directamente a un fragmento o selector una vez que sabes cuál necesitas.