Skill Claude Code /design: qué hace la vista previa

El skill /design de Claude Code, una vista previa de investigación anunciada en el resumen de la semana 34 de Anthropic (del 17 al 21 de agosto de 2026), toma un brief y publica como artefacto un lienzo de artboards de UI editables; eliges uno, lo ajustas y le pides a Claude que lo implemente. Funciona en la CLI y en Claude Code Desktop, necesita la versión v2.1.233 o posterior, y está disponible en Pro, Max, Team y Enterprise.¹ Como publica en artefactos, también queda sujeto a los requisitos de los artefactos: una sesión con inicio de sesión en una cuenta de claude.ai sobre la API de Anthropic.⁵ El registro público en el lanzamiento se reduce a tres páginas cortas (el resumen, la descripción del propio skill y la página de disponibilidad de artefactos que el resumen enlaza), así que un primer vistazo se mantiene breve: qué dice Anthropic que hace el skill, qué recibes de vuelta, qué requiere y dónde termina la superficie documentada. {.answer-block}

TL;DR

• Un comando, un lienzo. /design <brief> hace que Claude redacte un diseño de varios artboards y lo publique como artefacto; Claude imprime el enlace cuando termina.¹
• Dos niveles de resultado. Donde tu cuenta permite guardar, obtienes un editor visual y un botón Save (Guardar) que publica una nueva versión para todos; el resto recibe una vista previa para ver y exportar (PNG/PDF).²
• El mínimo es v2.1.233 (14 de agosto de 2026) en Pro, Max, Team o Enterprise, en la CLI o en Claude Code Desktop, más los requisitos de los artefactos: inicio de sesión en claude.ai sobre la API de Anthropic, con CMEK, HIPAA y Zero Data Retention desactivados para la organización.¹³⁵
• La vista previa se detiene en el lienzo. Ni el resumen ni la descripción enumeran flags ni límites de artboards; la descripción permite el re-seeding sin definirlo, y señala el Artifact publicado como el lugar para editar un lienzo existente.²⁴

¿Qué hace el skill /design?

El resumen de la semana 34 de Anthropic lo describe en un párrafo: el skill “brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.” (lleva el flujo de artboards de Claude Design a la CLI y a Claude Code Desktop, construido sobre artefactos; lo ejecutas con un brief, Claude publica un lienzo de artboards editables para tu UI, eliges uno, lo ajustas y le pides a Claude que lo implemente).¹ El ejemplo publicado es un brief de producto, no una especificación:

> /design redesign the composer based on what people actually use it for

Claude imprime un enlace al lienzo publicado, y la tarjeta del resumen incrusta un video de demostración.¹ Abres el lienzo, eliges un artboard y le dices a Claude qué opción implementar.¹ El skill solo es dueño del primer paso, y su propia descripción lo dice en su última oración: “Only for CREATING or re-seeding a canvas; an existing one is edited in its published Artifact.” (solo para crear o hacer re-seeding de un lienzo; uno existente se edita en su Artifact publicado).² El segundo paso ocurre en el artefacto, y el tercero es trabajo ordinario de Claude Code contra tu base de código.

La descripción del skill dentro del producto aporta la mecánica. Llama al resultado “a multi-artboard visual design published as an Artifact that runs Claude Design’s canvas editor (an early preview of Claude Design inside Claude Code),” redactado “as .dc.html artboards laid out on one pan/zoom canvas.” (un diseño visual de varios artboards publicado como un Artifact que ejecuta el editor de lienzo de Claude Design, redactado como artboards .dc.html dispuestos en un solo lienzo con desplazamiento y zoom).² Una ejecución coloca todos los artboards en un solo lienzo, cada artboard como un .dc.html.

La cláusula de activación de la descripción también implica que no necesitas escribir el comando de barra. Le indica a Claude que use el skill “when someone wants a design, mockup, wireframe, UI or screen design, landing page, poster, flyer, brochure, banner, card, one-pager, or any visual layout they would rather tweak by hand than in code,” (cuando alguien quiere un diseño, una maqueta, un wireframe, un diseño de UI o de pantalla, una landing page, un póster, un volante, un folleto, un banner, una tarjeta, un one-pager o cualquier composición visual que prefiera ajustar a mano antes que en código), así que una petición de una maqueta en lenguaje natural puede invocar /design por sí sola.²

¿Qué recibes de vuelta?

La descripción divide el resultado según la cuenta. Donde tu cuenta permite guardar, “they refine every element visually (click-to-select, a properties panel, inline text editing, undo/redo) and Save publishes a new version for everyone.” (refinan cada elemento visualmente, con clic para seleccionar, un panel de propiedades, edición de texto en línea y deshacer/rehacer, y Save publica una nueva versión para todos). De lo contrario, “they get a view-and-export (PNG/PDF) preview of your draft.” (reciben una vista previa de tu borrador para ver y exportar en PNG/PDF).²

La descripción también va más allá de la UI de aplicaciones. Enumera “UI mockups and screen flows, landing pages, marketing and social graphics, and print pieces,” con “posters, flyers, brochures as single-page artboards; memos and reports as one flowing artboard.” (maquetas de UI y flujos de pantallas, landing pages, gráficos de marketing y redes sociales, y piezas impresas: pósteres, volantes y folletos como artboards de una sola página; memos e informes como un único artboard continuo).² El ejemplo del resumen es UI; la lista más amplia sigue siendo la declaración de alcance de la propia Anthropic.

¿Qué requiere?

Comprueba tu build con claude --version; el resumen cubre la ventana de v2.1.234 a v2.1.239, pero fija el requisito una versión antes.¹ La guía de inicio rápido cubre la instalación y la configuración de la primera sesión.

Las filas de artefactos importan porque el resumen llama al skill “built on artifacts” (construido sobre artefactos) y enlaza la página de disponibilidad desde su tarjeta de /design bajo “Where artifacts are available.” (dónde están disponibles los artefactos).¹ El encuadre de Anthropic ahí es estricto: “Artifacts require every condition below. When one is not met, Claude writes a local HTML file or says it cannot publish instead.” (los artefactos requieren todas las condiciones siguientes; cuando una no se cumple, Claude escribe un archivo HTML local o dice que no puede publicar).⁵ Una sesión con una clave de API, o en Amazon Bedrock, Agent Platform de Google Cloud o Microsoft Foundry, cumple el mínimo de versión y aun así no puede publicar el lienzo.⁵ La misma página también describe un skill de diseño integrado aparte que da estilo a cada artefacto que Claude construye (v2.1.182 o posterior), y que no es /design.⁵

¿Dónde se detiene la vista previa?

Las tres páginas son todo el registro público sobre el skill en sí; la página de producto de Claude Design describe el editor, no el skill. Prefiero enumerar lo que omiten antes que adivinar.⁴

• Sin flags ni opciones. El resumen muestra /design seguido de prosa. Ni el resumen ni la descripción enumeran interruptores para el número de artboards, el tamaño del lienzo, el marco de dispositivo o el nivel de salida.
• Sin número de artboards declarado. “a canvas of editable artboards” en el resumen y “multi-artboard” en la descripción son las únicas cantidades que se dan.
• Re-seeding, sin definir. La descripción permite “re-seeding a canvas” sin decir qué implica el re-seeding, y señala la edición “in its published Artifact” como el camino para un lienzo existente.²
• Sin explicación del requisito de guardado. La descripción dice “where saving is enabled for the user’s account” (donde el guardado está habilitado para la cuenta del usuario) sin nombrar qué cuentas, ni cómo comprobarlo salvo ejecutándolo.² La página de artefactos enumera quién puede publicar siquiera; si las mismas condiciones rigen el nivel de edición queda sin decir.⁵
• Sin explicación de la implementación. El resumen dice que le indicas a Claude qué opción implementar; si Claude entonces lee el artboard .dc.html o trabaja a partir de tu descripción no se menciona.¹

El resumen etiqueta el skill como vista previa de investigación, así que cada uno de esos puntos puede cambiar sin previo aviso.¹

¿Qué más se lanzó en la semana 34?

Otras dos funciones destacadas comparten el resumen. Concise es un nuevo estilo de salida integrado (v2.1.237): Claude empieza por el resultado y omite el preámbulo mientras trabaja con la misma minuciosidad que Default, y los informes de error, las advertencias de seguridad y las confirmaciones de acciones destructivas se mantienen completos; define "outputStyle": "Concise" en ~/.claude/settings.json o elígelo en /config, y luego ejecuta /clear o inicia una sesión nueva. Remote Control también salió de la vista previa de investigación: cualquier máquina que ejecute claude remote-control aparece como una tarjeta de dispositivo en la pestaña Code de la app móvil de Claude, y tocarla inicia una sesión ahí.¹

Preguntas frecuentes

¿Qué es el skill /design en Claude Code?

Un skill en vista previa de investigación que toma un brief, redacta un diseño de varios artboards y lo publica como un artefacto que ejecuta el editor de lienzo de Claude Design. Eliges un artboard y le pides a Claude que lo implemente.¹²

¿Qué versión de Claude Code necesito para /design?

v2.1.233 o posterior, publicada el 14 de agosto de 2026. Ejecuta claude --version para comprobarlo.¹³

¿Qué planes pueden usar /design?

Pro, Max, Team y Enterprise, en la CLI y en Claude Code Desktop.¹

¿Puedo editar los artboards que produce /design?

Solo donde tu cuenta permite guardar: entonces obtienes clic para seleccionar, un panel de propiedades, edición de texto en línea, deshacer/rehacer y un botón Save que publica una nueva versión para todos. De lo contrario, obtienes una vista previa para ver y exportar (PNG/PDF).²

¿Funciona /design con una clave de API o en Bedrock, Google Cloud o Foundry?

No según lo documentado. El skill publica en artefactos, y la página de artefactos de Anthropic dice que las sesiones que usan una clave de API, un token de gateway o una credencial de proveedor de nube no pueden publicar, y que los artefactos no están disponibles en Amazon Bedrock, Agent Platform de Google Cloud ni Microsoft Foundry. Necesitas un inicio de sesión en claude.ai sobre la API de Anthropic. La página de artefactos dice que Claude entonces escribe un archivo HTML local o dice que no puede publicar; ninguna de las dos fuentes dice cuál de las dos cosas hace /design.⁵

¿/design es solo para UI de aplicaciones?

No. La descripción también enumera landing pages, gráficos de marketing y redes sociales, piezas impresas como pósteres, volantes y folletos, y memos e informes como un único artboard continuo.²

Conclusiones clave

Para ingenieros de producto: - Pide una maqueta en lenguaje natural sobre una pantalla real; la cláusula de activación de la descripción permite que Claude invoque el skill desde esa petición, sin escribir ningún comando de barra.² - Escribe el brief como prosa, como en el ejemplo de Anthropic; el ejemplo documentado es prosa, y ni el resumen ni la descripción enumeran un flag.¹ - Lleva tu propio registro de qué artboard elegiste; el resumen nunca dice qué lee Claude después de que eliges.¹

Para diseñadores: - Confirma si tu cuenta permite guardar antes de planear una ronda de revisión; sin eso, el lienzo es solo para ver y exportar.² - Un volante de una página o un gráfico para redes sociales es una prueba tan válida como un flujo de UI; ambos entran en el alcance declarado.²

Para líderes de equipo: - Verifica v2.1.233 o posterior en todo el equipo, más los requisitos de los artefactos (inicio de sesión en claude.ai, API de Anthropic, sin CMEK, HIPAA ni Zero Data Retention), y espera que el skill cambie mientras lleve la etiqueta de vista previa de investigación.¹³⁵ - Construye el proceso solo alrededor de los tres pasos documentados; los flags, los límites y el re-seeding siguen sin documentar.⁴

Una vez que existe un artboard, diseñar para superficies de agentes de IA cubre los principios de interacción que todavía tiene que cumplir.