{"id":18770,"date":"2026-05-29T11:54:56","date_gmt":"2026-05-29T11:54:56","guid":{"rendered":"https:\/\/newblog.siteground.com\/es\/?p=18770"},"modified":"2026-06-08T13:10:08","modified_gmt":"2026-06-08T13:10:08","slug":"coderick-ai-subida-archivos-html-css-js","status":"publish","type":"post","link":"https:\/\/www.siteground.es\/blog\/coderick-ai-subida-archivos-html-css-js\/","title":{"rendered":"Subida de archivos en Coderick AI: trae tu c\u00f3digo y tus dise\u00f1os directamente"},"content":{"rendered":"\n<p>Crear con <a href=\"https:\/\/www.siteground.es\/coderick-ai\">Coderick AI<\/a> es realmente incre\u00edble. 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\u00ed. A veces ya tienes algo creado en otro lugar que quieres utilizar como referencia o aprovechar dentro de tu proyecto.<\/p>\n\n\n\n<p>Quiz\u00e1s maquetaste un dise\u00f1o con Claude Design y lo quieres como p\u00e1gina de inicio. Quiz\u00e1s un artefacto de Claude te dej\u00f3 un componente muy cerca de lo que necesitabas y solo tienes que meterlo en un proyecto real y publicado. Quiz\u00e1s encontraste una plantilla HTML que casi es perfecta, y prefieres pasarle el archivo antes que describirla en tres p\u00e1rrafos.<\/p>\n\n\n\n<p>Para eso est\u00e1 la subida de archivos en Coderick AI.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-construye-sobre-lo-que-ya-tienes-no-desde-cero\"><span class=\"ez-toc-section\" id=\"Construye_sobre_lo_que_ya_tienes_no_desde_cero\"><\/span><strong>Construye sobre lo que ya tienes, no desde cero<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Utiliza la funci\u00f3n de carga de archivos como punto de partida y p\u00eddele a Coderick que trabaje a partir de ellos. A\u00f1ade nuevas secciones a un dise\u00f1o de p\u00e1gina de inicio que hayas subido. Convierte una p\u00e1gina \u00fanica en un sitio web multip\u00e1gina. A\u00f1ade funcionalidades a un dise\u00f1o est\u00e1tico.<\/p>\n\n\n\n<p>Coderick construye sobre tu trabajo existente, a\u00f1ade nuevos elementos, mejora tu borrador y finaliza el proyecto, en lugar de empezar desde cero. As\u00ed ahorras tiempo y cr\u00e9ditos, al mismo tiempo que aumentas el valor del trabajo que ya has realizado.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/05\/inline-2-edit-files-1024x512.jpg\" alt=\"Coderick AI code files upload previews taking ready html file, updating its colors and adding the section to a real Coderick AI project\" class=\"wp-image-24831\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-manten-tus-propios-estilos\"><span class=\"ez-toc-section\" id=\"Manten_tus_propios_estilos\"><\/span><strong>Mant\u00e9n tus propios estilos<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Puedes pedirle a Coderick que aplique directamente un archivo. El HTML que subas se convierte en la base de tu p\u00e1gina de inicio. Los estilos que cargues se utilizan en todo el proyecto. Coderick lee el c\u00f3digo fuente y lo reconstruye dentro de tu proyecto: tu estructura, tus estilos y tus elementos espec\u00edficos.<\/p>\n\n\n\n<p>Antes, ten\u00edas 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\u00f1o espec\u00edficos a una IA sabe c\u00f3mo suele acabar: obtienes algo que se parece en un 80% a lo que quer\u00edas, y el 20% restante se convierte en un largo proceso de ajuste mediante prompts de seguimiento.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-lleva-tu-trabajo-a-produccion-mas-rapido\"><span class=\"ez-toc-section\" id=\"Lleva_tu_trabajo_a_produccion_mas_rapido\"><\/span><strong>Lleva tu trabajo a producci\u00f3n m\u00e1s r\u00e1pido<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Subir tus archivos a Coderick AI te permite tener un proyecto funcional en l\u00ednea mucho antes. Ahorras el tiempo que dedicar\u00edas a volver a describir mediante prompts algo que ya has creado y puedes invertirlo en transformar ese dise\u00f1o en un sitio web o una aplicaci\u00f3n web real y operativa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-tipos-de-archivo-compatibles-con-coderick-ai\"><span class=\"ez-toc-section\" id=\"Tipos_de_archivo_compatibles_con_Coderick_AI\"><\/span><strong>Tipos de archivo compatibles con Coderick AI<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Coderick AI acepta los tipos de archivo de texto que m\u00e1s probablemente ya tienes:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th class=\"has-text-align-left\" data-align=\"left\"><strong><strong>Tipo de archivo<\/strong><\/strong><\/th><th><strong>Para qu\u00e9 se suele usar<\/strong><\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">.html<\/td><td>Estructura de p\u00e1ginas, landing pages, plantillas exportadas<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">.css, .scss<\/td><td>Estilos, maquetaci\u00f3n, sistemas de dise\u00f1o<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">.js, .jsx<\/td><td>Comportamiento en JavaScript, elementos interactivos, componentes React<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">.ts, .tsx<\/td><td>L\u00f3gica en TypeScript, archivos frontend tipados, componentes React + TypeScript<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">.md<\/td><td>Documentaci\u00f3n, especificaciones, briefs de contenido, notas de proyecto<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Puedes subir hasta 30 archivos a la vez, con un tama\u00f1o combinado de 500 kB. Las subidas de im\u00e1genes son independientes y admiten hasta 10 im\u00e1genes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-como-sacarle-el-maximo-partido-a-la-subida-de-archivos\"><span class=\"ez-toc-section\" id=\"Como_sacarle_el_maximo_partido_a_la_subida_de_archivos\"><\/span><strong>C\u00f3mo sacarle el m\u00e1ximo partido a la subida de archivos<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>La subida de archivos da a Coderick m\u00e1s con lo que trabajar. C\u00f3mo la uses determina el resultado.<\/p>\n\n\n\n<p><strong>Aun as\u00ed, debes ser espec\u00edfico: <\/strong>\u00abAplica este dise\u00f1o como p\u00e1gina de inicio\u00bb siempre da mejor resultado que \u00abusa este archivo\u00bb. Coderick lee lo que subes, pero necesita que le digas d\u00f3nde va el archivo y qu\u00e9 papel desempe\u00f1a.<\/p>\n\n\n\n<p><strong>Sube juntos todos los archivos relevantes<\/strong>: Si tu dise\u00f1o est\u00e1 repartido entre un archivo HTML y uno CSS, s\u00fabelos juntos. Coderick tiene m\u00e1s contexto cuando el panorama est\u00e1 completo.<\/p>\n\n\n\n<p><strong>Elimina de tus archivos los elementos innecesarios: <\/strong>Si puedes, revisa y elimina estilos sin usar, comentarios innecesarios o c\u00f3digo auxiliar de otra herramienta. En definitiva, cualquier cosa que no quieras que Coderick interprete como intenci\u00f3n. Una revisi\u00f3n r\u00e1pida antes de subir hace que el primer resultado se acerque m\u00e1s al objetivo.<\/p>\n\n\n\n<p>La subida de archivos es para los archivos concretos que quieres que Coderick lea como contexto dentro de un proyecto (todav\u00eda). No es una forma de importar un repositorio completo ni una carpeta de proyecto entera.<\/p>\n\n\n\n<p>Ve a Coderick AI y carga lo que ya tengas creado: una exportaci\u00f3n de Claude, una plantilla o un componente que hayas estado perfeccionando. A partir de ah\u00ed, deja que Coderick contin\u00fae construyendo sobre tu trabajo.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.siteground.es\/coderick-ai\"><strong>EMPIEZA A CONSTRUIR<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"Crear con Coderick AI es realmente incre\u00edble. 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\u00ed. A veces ya tienes algo creado en otro lugar que quieres utilizar como referencia o aprovechar dentro de tu proyecto. Quiz\u00e1s maquetaste&hellip;","protected":false},"author":154,"featured_media":18773,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2533],"tags":[2779],"class_list":["post-18770","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-novedades-de-producto","tag-user-area-display"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Coderick AI subida de archivos: trae tu c\u00f3digo y dise\u00f1os directamente<\/title>\n<meta name=\"description\" content=\"Coderick AI permite subir archivos HTML, CSS, JS, JSX, TSX, SCSS y Markdown. Olv\u00eddate del ir y venir de prompts y construye desde tu material real\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Subida de archivos en Coderick AI: trae tu c\u00f3digo y tus dise\u00f1os directamente | El blog de SiteGround\" \/>\n<meta property=\"og:description\" content=\"Coderick AI permite subir archivos HTML, CSS, JS, JSX, TSX, SCSS y Markdown. Olv\u00eddate del ir y venir de prompts y construye desde tu material real\" \/>\n<meta property=\"og:url\" content=\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/\" \/>\n<meta property=\"og:site_name\" content=\"SiteGround\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-29T11:54:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-08T13:10:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2026\/05\/header_es.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Dimitar Ganev\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dimitar Ganev\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/\"},\"author\":{\"name\":\"Dimitar Ganev\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/10f80cac101f23de75f50158aa0478d9\"},\"headline\":\"Subida de archivos en Coderick AI: trae tu c\u00f3digo y tus dise\u00f1os directamente\",\"datePublished\":\"2026-05-29T11:54:56+00:00\",\"dateModified\":\"2026-06-08T13:10:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/\"},\"wordCount\":800,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2026\/05\/header_es.jpg\",\"keywords\":[\"user-area-display\"],\"articleSection\":[\"Novedades de producto\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/\",\"url\":\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/\",\"name\":\"Coderick AI subida de archivos: trae tu c\u00f3digo y dise\u00f1os directamente\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2026\/05\/header_es.jpg\",\"datePublished\":\"2026-05-29T11:54:56+00:00\",\"dateModified\":\"2026-06-08T13:10:08+00:00\",\"description\":\"Coderick AI permite subir archivos HTML, CSS, JS, JSX, TSX, SCSS y Markdown. Olv\u00eddate del ir y venir de prompts y construye desde tu material real\",\"breadcrumb\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#primaryimage\",\"url\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2026\/05\/header_es.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2026\/05\/header_es.jpg\",\"width\":1200,\"height\":600,\"caption\":\"ube un archivo HTML a Coderick y p\u00eddele lo que necesitas: en este ejemplo, a\u00f1adir una secci\u00f3n de galer\u00eda en carrusel a tu proyecto en segundos.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/newblog.siteground.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Subida de archivos en Coderick AI: trae tu c\u00f3digo y tus dise\u00f1os directamente\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#website\",\"url\":\"https:\/\/newblog.siteground.com\/es\/\",\"name\":\"El blog de SiteGround\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/newblog.siteground.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#organization\",\"name\":\"SiteGround Espa\u00f1a\",\"url\":\"https:\/\/newblog.siteground.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2025\/01\/cropped-Siteground-Logo-on-white.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2025\/01\/cropped-Siteground-Logo-on-white.jpg\",\"width\":166,\"height\":250,\"caption\":\"SiteGround Espa\u00f1a\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/10f80cac101f23de75f50158aa0478d9\",\"name\":\"Dimitar Ganev\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/74d406d49e9c9c17d275100471923b5f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/74d406d49e9c9c17d275100471923b5f?s=96&d=mm&r=g\",\"caption\":\"Dimitar Ganev\"},\"description\":\"Dimitar specializes in SiteGround's AI product lineup, covering AI Studio and Coderick AI. His work focuses on turning complex AI capabilities into practical guidance for small business owners, whether they're creating marketing campaigns or launching web apps from scratch. Before moving into content marketing, he worked as a journalist in the City of London, and he's studied philosophy in Vienna, London, Edinburgh and Bratislava. He's also a published poet with two books, which probably explains why he cares so much about getting the wording right. Outside of work, he's usually reading, visiting art exhibitions, travelling, or pretending he's getting better at guitar.\",\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Content Marketing Manager for AI Products\",\"worksFor\":\"SiteGround\",\"url\":\"https:\/\/newblog.siteground.com\/es\/author\/dimitarganev\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Coderick AI subida de archivos: trae tu c\u00f3digo y dise\u00f1os directamente","description":"Coderick AI permite subir archivos HTML, CSS, JS, JSX, TSX, SCSS y Markdown. Olv\u00eddate del ir y venir de prompts y construye desde tu material real","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/","og_locale":"en_US","og_type":"article","og_title":"Subida de archivos en Coderick AI: trae tu c\u00f3digo y tus dise\u00f1os directamente | El blog de SiteGround","og_description":"Coderick AI permite subir archivos HTML, CSS, JS, JSX, TSX, SCSS y Markdown. Olv\u00eddate del ir y venir de prompts y construye desde tu material real","og_url":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/","og_site_name":"SiteGround","article_published_time":"2026-05-29T11:54:56+00:00","article_modified_time":"2026-06-08T13:10:08+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2026\/05\/header_es.jpg","type":"image\/jpeg"}],"author":"Dimitar Ganev","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dimitar Ganev","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#article","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/"},"author":{"name":"Dimitar Ganev","@id":"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/10f80cac101f23de75f50158aa0478d9"},"headline":"Subida de archivos en Coderick AI: trae tu c\u00f3digo y tus dise\u00f1os directamente","datePublished":"2026-05-29T11:54:56+00:00","dateModified":"2026-06-08T13:10:08+00:00","mainEntityOfPage":{"@id":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/"},"wordCount":800,"commentCount":0,"publisher":{"@id":"https:\/\/newblog.siteground.com\/es\/#organization"},"image":{"@id":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2026\/05\/header_es.jpg","keywords":["user-area-display"],"articleSection":["Novedades de producto"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/","url":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/","name":"Coderick AI subida de archivos: trae tu c\u00f3digo y dise\u00f1os directamente","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#primaryimage"},"image":{"@id":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2026\/05\/header_es.jpg","datePublished":"2026-05-29T11:54:56+00:00","dateModified":"2026-06-08T13:10:08+00:00","description":"Coderick AI permite subir archivos HTML, CSS, JS, JSX, TSX, SCSS y Markdown. Olv\u00eddate del ir y venir de prompts y construye desde tu material real","breadcrumb":{"@id":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#primaryimage","url":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2026\/05\/header_es.jpg","contentUrl":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2026\/05\/header_es.jpg","width":1200,"height":600,"caption":"ube un archivo HTML a Coderick y p\u00eddele lo que necesitas: en este ejemplo, a\u00f1adir una secci\u00f3n de galer\u00eda en carrusel a tu proyecto en segundos."},{"@type":"BreadcrumbList","@id":"https:\/\/newblog.siteground.com\/es\/coderick-ai-subida-archivos-html-css-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/newblog.siteground.com\/es\/"},{"@type":"ListItem","position":2,"name":"Subida de archivos en Coderick AI: trae tu c\u00f3digo y tus dise\u00f1os directamente"}]},{"@type":"WebSite","@id":"https:\/\/newblog.siteground.com\/es\/#website","url":"https:\/\/newblog.siteground.com\/es\/","name":"El blog de SiteGround","description":"","publisher":{"@id":"https:\/\/newblog.siteground.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/newblog.siteground.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/newblog.siteground.com\/es\/#organization","name":"SiteGround Espa\u00f1a","url":"https:\/\/newblog.siteground.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2025\/01\/cropped-Siteground-Logo-on-white.jpg","contentUrl":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2025\/01\/cropped-Siteground-Logo-on-white.jpg","width":166,"height":250,"caption":"SiteGround Espa\u00f1a"},"image":{"@id":"https:\/\/newblog.siteground.com\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/10f80cac101f23de75f50158aa0478d9","name":"Dimitar Ganev","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/74d406d49e9c9c17d275100471923b5f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/74d406d49e9c9c17d275100471923b5f?s=96&d=mm&r=g","caption":"Dimitar Ganev"},"description":"Dimitar specializes in SiteGround's AI product lineup, covering AI Studio and Coderick AI. His work focuses on turning complex AI capabilities into practical guidance for small business owners, whether they're creating marketing campaigns or launching web apps from scratch. Before moving into content marketing, he worked as a journalist in the City of London, and he's studied philosophy in Vienna, London, Edinburgh and Bratislava. He's also a published poet with two books, which probably explains why he cares so much about getting the wording right. Outside of work, he's usually reading, visiting art exhibitions, travelling, or pretending he's getting better at guitar.","knowsLanguage":["English"],"jobTitle":"Content Marketing Manager for AI Products","worksFor":"SiteGround","url":"https:\/\/newblog.siteground.com\/es\/author\/dimitarganev\/"}]}},"_links":{"self":[{"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/posts\/18770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/users\/154"}],"replies":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/comments?post=18770"}],"version-history":[{"count":3,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/posts\/18770\/revisions"}],"predecessor-version":[{"id":18776,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/posts\/18770\/revisions\/18776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/media\/18773"}],"wp:attachment":[{"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/media?parent=18770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/categories?post=18770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/tags?post=18770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}