{"id":130923,"date":"2026-06-22T15:58:37","date_gmt":"2026-06-22T13:58:37","guid":{"rendered":"https:\/\/quondos.com\/mag\/?p=130923"},"modified":"2026-06-22T15:58:39","modified_gmt":"2026-06-22T13:58:39","slug":"claude-code-estrena-artifacts-paginas-web-en-vivo-que-documentan-el-trabajo-de-los-equipos-de-desarrollo","status":"publish","type":"post","link":"https:\/\/quondos.com\/mag\/claude-code-estrena-artifacts-paginas-web-en-vivo-que-documentan-el-trabajo-de-los-equipos-de-desarrollo\/","title":{"rendered":"Claude Code estrena \u00abartifacts\u00bb: p\u00e1ginas web en vivo que documentan el trabajo de los equipos de desarrollo"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"833\" src=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2026\/04\/108271609-1772383778562-gettyima.webp\" alt=\"\" class=\"wp-image-130507\" title=\"\" srcset=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2026\/04\/108271609-1772383778562-gettyima.webp 1480w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2026\/04\/108271609-1772383778562-gettyima-300x169.webp 300w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2026\/04\/108271609-1772383778562-gettyima-1024x576.webp 1024w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2026\/04\/108271609-1772383778562-gettyima-768x432.webp 768w\" sizes=\"auto, (max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>Anthropic ha anunciado una nueva funci\u00f3n para <strong>Claude Code<\/strong>, su herramienta de programaci\u00f3n basada en inteligencia artificial. Seg\u00fan la compa\u00f1\u00eda, a partir de ahora la herramienta puede convertir el trabajo realizado durante una sesi\u00f3n en una <strong>p\u00e1gina web interactiva y compartible<\/strong>, conocida como \u00abartifact\u00bb. La novedad, presentada el 18 de junio de 2026, busca facilitar que los equipos t\u00e9cnicos puedan mostrar avances sin tener que redactar informes manuales ni preparar presentaciones aparte. De acuerdo con la fuente, esta funci\u00f3n convierte tareas como investigar una incidencia, refactorizar un servicio o analizar datos de meses en una p\u00e1gina que cualquiera puede abrir y explorar.<\/p>\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice de contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/quondos.com\/mag\/claude-code-estrena-artifacts-paginas-web-en-vivo-que-documentan-el-trabajo-de-los-equipos-de-desarrollo\/#Que_son_los_artifacts_y_para_que_sirven\" >Qu\u00e9 son los artifacts y para qu\u00e9 sirven<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/quondos.com\/mag\/claude-code-estrena-artifacts-paginas-web-en-vivo-que-documentan-el-trabajo-de-los-equipos-de-desarrollo\/#Como_se_construyen_estas_paginas\" >C\u00f3mo se construyen estas p\u00e1ginas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/quondos.com\/mag\/claude-code-estrena-artifacts-paginas-web-en-vivo-que-documentan-el-trabajo-de-los-equipos-de-desarrollo\/#Paginas_que_se_actualizan_solas_mientras_se_trabaja\" >P\u00e1ginas que se actualizan solas mientras se trabaja<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/quondos.com\/mag\/claude-code-estrena-artifacts-paginas-web-en-vivo-que-documentan-el-trabajo-de-los-equipos-de-desarrollo\/#Privacidad_y_control_de_acceso_dentro_de_las_organizaciones\" >Privacidad y control de acceso dentro de las organizaciones<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/quondos.com\/mag\/claude-code-estrena-artifacts-paginas-web-en-vivo-que-documentan-el-trabajo-de-los-equipos-de-desarrollo\/#Ejemplos_de_uso_segun_el_perfil_profesional\" >Ejemplos de uso seg\u00fan el perfil profesional<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/quondos.com\/mag\/claude-code-estrena-artifacts-paginas-web-en-vivo-que-documentan-el-trabajo-de-los-equipos-de-desarrollo\/#Disponibilidad_de_la_funcion\" >Disponibilidad de la funci\u00f3n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/quondos.com\/mag\/claude-code-estrena-artifacts-paginas-web-en-vivo-que-documentan-el-trabajo-de-los-equipos-de-desarrollo\/#Por_que_es_relevante_esta_novedad\" >Por qu\u00e9 es relevante esta novedad<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Que_son_los_artifacts_y_para_que_sirven\"><\/span>Qu\u00e9 son los artifacts y para qu\u00e9 sirven<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Seg\u00fan explica Anthropic, una sesi\u00f3n de Claude Code puede abarcar procesos muy distintos: desde detectar el origen de un error en producci\u00f3n hasta reorganizar el c\u00f3digo de un servicio. Lo que hace esta nueva funci\u00f3n es traducir ese trabajo en una <strong>p\u00e1gina web navegable<\/strong>, similar a un resumen visual de una pull request, un panel de control que se puede filtrar y ordenar, o incluso una lista de tareas de un lanzamiento que se completa sola a medida que avanza el trabajo.<\/p>\n<p>La idea, seg\u00fan la fuente, es que los equipos dediquen <strong>menos tiempo a dar actualizaciones de estado<\/strong> y m\u00e1s tiempo a construir. En lugar de que un desarrollador tenga que explicar verbalmente lo que ha encontrado, todos los implicados pueden consultar la misma p\u00e1gina y disponer de la misma informaci\u00f3n actualizada.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Como_se_construyen_estas_paginas\"><\/span>C\u00f3mo se construyen estas p\u00e1ginas<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>De acuerdo con los datos facilitados por Anthropic, Claude Code genera estos artifacts utilizando <strong>todo el contexto disponible de la sesi\u00f3n de trabajo<\/strong>: el c\u00f3digo del proyecto, los conectores activos y la propia conversaci\u00f3n mantenida con la IA. Por ejemplo, una p\u00e1gina dedicada a una incidencia podr\u00eda reunir en un mismo sitio el test que ha fallado, la funci\u00f3n responsable del error, el pico de errores detectado por una herramienta de monitorizaci\u00f3n conectada, y el razonamiento que llev\u00f3 a identificar la causa ra\u00edz.<\/p>\n<p>Seg\u00fan la fuente, lo m\u00e1s destacable es que no hace falta configurar fuentes de datos ni levantar ninguna infraestructura adicional. <strong>Basta con pedir la p\u00e1gina<\/strong> y la herramienta la construye a partir de lo que ya existe en el entorno de trabajo.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Paginas_que_se_actualizan_solas_mientras_se_trabaja\"><\/span>P\u00e1ginas que se actualizan solas mientras se trabaja<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Otra de las caracter\u00edsticas se\u00f1aladas por la compa\u00f1\u00eda es que estos artifacts son <strong>\u00abvivos\u00bb<\/strong>: cuando Claude Code actualiza una p\u00e1gina, esta se refresca autom\u00e1ticamente y todo el equipo ve los cambios en el momento en que se publican. Cada actualizaci\u00f3n genera una nueva versi\u00f3n bajo el mismo enlace, y existe un historial de versiones que permite restaurar contenido anterior si fuera necesario. Adem\u00e1s, una galer\u00eda permite consultar y organizar todos los artifacts creados.<\/p>\n<p>Seg\u00fan un ejemplo compartido por Anthropic, uno de los usos m\u00e1s habituales detectados en sus pruebas internas ha sido la <strong>investigaci\u00f3n de incidencias t\u00e9cnicas<\/strong>. Un ingeniero puede pedir antes de una reuni\u00f3n diaria que se analicen los registros del sistema; Claude Code genera entonces una p\u00e1gina con la cronolog\u00eda del problema, los commits sospechosos y una gr\u00e1fica de la tasa de errores. La fuente explica que, mientras el equipo prepara la reuni\u00f3n, la herramienta puede haber actualizado esa misma p\u00e1gina varias veces con la informaci\u00f3n m\u00e1s reciente.<\/p>\n<ul>\n<li>Cronolog\u00eda del incidente detectado.<\/li>\n<li>Commits que podr\u00edan estar relacionados con el fallo.<\/li>\n<li>Gr\u00e1fica con la evoluci\u00f3n de la tasa de errores.<\/li>\n<\/ul>\n\n<h2><span class=\"ez-toc-section\" id=\"Privacidad_y_control_de_acceso_dentro_de_las_organizaciones\"><\/span>Privacidad y control de acceso dentro de las organizaciones<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>En cuanto a la seguridad, seg\u00fan la fuente cada artifact es <strong>privado para su autor de manera predeterminada<\/strong>. Solo cuando el usuario decide compartirlo, el resto del equipo o de la organizaci\u00f3n puede acceder a \u00e9l directamente desde la propia p\u00e1gina. La compa\u00f1\u00eda asegura que estos artifacts \u00fanicamente pueden verlos miembros autenticados de la organizaci\u00f3n y que, en ning\u00fan caso, pueden hacerse p\u00fablicos.<\/p>\n<p>Anthropic a\u00f1ade que los administradores de cada organizaci\u00f3n cuentan con herramientas espec\u00edficas para gestionar todo esto: pueden activar o desactivar la funci\u00f3n a nivel global, definir permisos seg\u00fan el rol de cada persona, establecer pol\u00edticas de retenci\u00f3n de datos y consultar el uso que se hace de la herramienta mediante una <strong>API de cumplimiento normativo<\/strong>.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Ejemplos_de_uso_segun_el_perfil_profesional\"><\/span>Ejemplos de uso seg\u00fan el perfil profesional<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La nota de prensa recoge varios ejemplos de c\u00f3mo distintos perfiles dentro de una empresa podr\u00edan aprovechar esta funci\u00f3n. Seg\u00fan la fuente, un equipo legal podr\u00eda pedir una <strong>auditor\u00eda de licencias<\/strong> de todas las dependencias de un proyecto, se\u00f1alando cu\u00e1les tienen licencias restrictivas tipo copyleft. Un equipo de seguridad, por su parte, podr\u00eda generar hallazgos de una revisi\u00f3n enlazados directamente a la l\u00ednea de c\u00f3digo correspondiente.<\/p>\n<p>Otros ejemplos mencionados incluyen a responsables de finanzas en la nube, que podr\u00edan mapear recursos y costes a partir de su infraestructura como c\u00f3digo, o a dise\u00f1adores, que podr\u00edan pedir varias <strong>variantes de una interfaz<\/strong> construidas con los componentes reales de su sistema de dise\u00f1o. Tambi\u00e9n se citan casos de gestores de proyectos que podr\u00edan generar un resumen semanal de lo que su equipo ha entregado, agrupado por proyecto.<\/p>\n<blockquote>\n\u00abConvierte este incidente en un artifact: la cronolog\u00eda, los commits sospechosos, el pico de errores de nuestra monitorizaci\u00f3n, y vuelve a publicarlo mientras avanzo en la investigaci\u00f3n\u00bb, es uno de los ejemplos de petici\u00f3n que recoge la nota de prensa para perfiles de guardia o SRE.\n<\/blockquote>\n\n<h2><span class=\"ez-toc-section\" id=\"Disponibilidad_de_la_funcion\"><\/span>Disponibilidad de la funci\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Seg\u00fan los datos facilitados por la compa\u00f1\u00eda, esta funci\u00f3n est\u00e1 disponible en fase <strong>beta para organizaciones con planes Team y Enterprise<\/strong> de Claude. Se puede utilizar tanto desde la terminal (CLI) de Claude Code como desde la aplicaci\u00f3n de escritorio, y las p\u00e1ginas generadas pueden visualizarse desde cualquier navegador web.<\/p>\n<p>La fuente se\u00f1ala que, una vez creada una p\u00e1gina, Claude Code entrega directamente el enlace correspondiente, que se puede compartir desde la propia cabecera de la p\u00e1gina. Las siguientes actualizaciones se publican autom\u00e1ticamente en esa misma direcci\u00f3n, sin necesidad de generar enlaces nuevos cada vez.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Por_que_es_relevante_esta_novedad\"><\/span>Por qu\u00e9 es relevante esta novedad<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Este tipo de funciones se enmarca en una tendencia m\u00e1s amplia dentro del desarrollo de software: reducir el tiempo que los equipos t\u00e9cnicos dedican a <strong>comunicar el estado de su trabajo<\/strong> y aumentar el tiempo dedicado a resolver problemas reales. Seg\u00fan la fuente, herramientas como esta buscan que la documentaci\u00f3n y el seguimiento de tareas dejen de ser un esfuerzo manual y pasen a generarse de forma autom\u00e1tica a partir del propio trabajo realizado.<\/p>\n<p>Para empresas que ya utilizan Claude Code en sus flujos de desarrollo, esta actualizaci\u00f3n podr\u00eda suponer un cambio en c\u00f3mo se gestionan las reuniones de seguimiento, las revisiones de c\u00f3digo o el reporte de incidencias, especialmente en equipos distribuidos donde mantener a todos informados consume bastante tiempo. De acuerdo con la nota de prensa, Anthropic invita a los equipos interesados a probar la funci\u00f3n directamente desde la documentaci\u00f3n oficial de Claude Code.<\/p>\n\n\n\n<p>Fuente: https:\/\/claude.com\/blog\/artifacts-in-claude-code<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Anthropic ha anunciado una nueva funci\u00f3n para Claude Code, su herramienta de programaci\u00f3n basada en inteligencia artificial. Seg\u00fan la compa\u00f1\u00eda, &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Claude Code estrena \u00abartifacts\u00bb: p\u00e1ginas web en vivo que documentan el trabajo de los equipos de desarrollo\" class=\"read-more button\" href=\"https:\/\/quondos.com\/mag\/claude-code-estrena-artifacts-paginas-web-en-vivo-que-documentan-el-trabajo-de-los-equipos-de-desarrollo\/#more-130923\" aria-label=\"Leer m\u00e1s sobre Claude Code estrena \u00abartifacts\u00bb: p\u00e1ginas web en vivo que documentan el trabajo de los equipos de desarrollo\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":850,"featured_media":130507,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1474],"tags":[],"class_list":["post-130923","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inteligencia-artificial","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/130923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/users\/850"}],"replies":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/comments?post=130923"}],"version-history":[{"count":1,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/130923\/revisions"}],"predecessor-version":[{"id":130925,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/130923\/revisions\/130925"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/media\/130507"}],"wp:attachment":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/media?parent=130923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/categories?post=130923"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/tags?post=130923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}