Crear con Coderick AI es realmente increíble. Describes lo que quieres y Coderick AI lo construye por ti. Esto funciona de maravilla cuando partes de una idea. Pero a veces no es así. A veces ya tienes algo creado en otro lugar que quieres utilizar como referencia o aprovechar dentro de tu proyecto.
Quizás maquetaste un diseño con Claude Design y lo quieres como página de inicio. Quizás un artefacto de Claude te dejó un componente muy cerca de lo que necesitabas y solo tienes que meterlo en un proyecto real y publicado. Quizás encontraste una plantilla HTML que casi es perfecta, y prefieres pasarle el archivo antes que describirla en tres párrafos.
Para eso está la subida de archivos en Coderick AI.
Construye sobre lo que ya tienes, no desde cero
Utiliza la función de carga de archivos como punto de partida y pídele a Coderick que trabaje a partir de ellos. Añade nuevas secciones a un diseño de página de inicio que hayas subido. Convierte una página única en un sitio web multipágina. Añade funcionalidades a un diseño estático.
Coderick construye sobre tu trabajo existente, añade nuevos elementos, mejora tu borrador y finaliza el proyecto, en lugar de empezar desde cero. Así ahorras tiempo y créditos, al mismo tiempo que aumentas el valor del trabajo que ya has realizado.
Mantén tus propios estilos
Puedes pedirle a Coderick que aplique directamente un archivo. El HTML que subas se convierte en la base de tu página de inicio. Los estilos que cargues se utilizan en todo el proyecto. Coderick lee el código fuente y lo reconstruye dentro de tu proyecto: tu estructura, tus estilos y tus elementos específicos.
Antes, tenías que describir con palabras cualquier trabajo previo que hubieras realizado: los espaciados, las columnas, los efectos hover o cualquier elemento visual que quisieras conservar. Y cualquiera que haya intentado describir detalles de diseño específicos a una IA sabe cómo suele acabar: obtienes algo que se parece en un 80% a lo que querías, y el 20% restante se convierte en un largo proceso de ajuste mediante prompts de seguimiento.
Lleva tu trabajo a producción más rápido
Subir tus archivos a Coderick AI te permite tener un proyecto funcional en línea mucho antes. Ahorras el tiempo que dedicarías a volver a describir mediante prompts algo que ya has creado y puedes invertirlo en transformar ese diseño en un sitio web o una aplicación web real y operativa.
Tipos de archivo compatibles con Coderick AI
Coderick AI acepta los tipos de archivo de texto que más probablemente ya tienes:
| Tipo de archivo | Para qué se suele usar |
|---|---|
| .html | Estructura de páginas, landing pages, plantillas exportadas |
| .css, .scss | Estilos, maquetación, sistemas de diseño |
| .js, .jsx | Comportamiento en JavaScript, elementos interactivos, componentes React |
| .ts, .tsx | Lógica en TypeScript, archivos frontend tipados, componentes React + TypeScript |
| .md | Documentación, especificaciones, briefs de contenido, notas de proyecto |
Puedes subir hasta 30 archivos a la vez, con un tamaño combinado de 500 kB. Las subidas de imágenes son independientes y admiten hasta 10 imágenes.
Cómo sacarle el máximo partido a la subida de archivos
La subida de archivos da a Coderick más con lo que trabajar. Cómo la uses determina el resultado.
Aun así, debes ser específico: «Aplica este diseño como página de inicio» siempre da mejor resultado que «usa este archivo». Coderick lee lo que subes, pero necesita que le digas dónde va el archivo y qué papel desempeña.
Sube juntos todos los archivos relevantes: Si tu diseño está repartido entre un archivo HTML y uno CSS, súbelos juntos. Coderick tiene más contexto cuando el panorama está completo.
Elimina de tus archivos los elementos innecesarios: Si puedes, revisa y elimina estilos sin usar, comentarios innecesarios o código auxiliar de otra herramienta. En definitiva, cualquier cosa que no quieras que Coderick interprete como intención. Una revisión rápida antes de subir hace que el primer resultado se acerque más al objetivo.
La subida de archivos es para los archivos concretos que quieres que Coderick lea como contexto dentro de un proyecto (todavía). No es una forma de importar un repositorio completo ni una carpeta de proyecto entera.
Ve a Coderick AI y carga lo que ya tengas creado: una exportación de Claude, una plantilla o un componente que hayas estado perfeccionando. A partir de ahí, deja que Coderick continúe construyendo sobre tu trabajo.
