Anthropic ha presentado /design, una nueva funcionalidad para Claude Code que integra el diseño de interfaces de usuario en sus flujos de trabajo para desarrolladores. Actualmente disponible como vista previa de investigación, esta herramienta permite crear mesas de trabajo (artboards) editables tanto en la interfaz de línea de comandos como en la aplicación de escritorio.

Anthropic ha introducido una nueva habilidad /design para Claude Code, expandiendo su plataforma de IA enfocada en desarrolladores hacia los flujos de trabajo de diseño de interfaces de usuario. La función está disponible actualmente como una vista previa de investigación.

Esto lleva la experiencia basada en mesas de trabajo (artboards) de Claude Design tanto a la interfaz de línea de comandos de Claude Code como a la aplicación de escritorio. Esta nueva capacidad te permite crear mesas de trabajo de UI editables directamente desde una sesión de Claude Code.

En lugar de moverte entre una herramienta de diseño, especificaciones escritas y un entorno de codificación, puedes pedirle a Claude que genere conceptos de interfaz, seleccionar una opción, refinar el diseño e instruir al modelo para que implemente el diseño aprobado.

Anthropic señaló que el flujo de trabajo se basa en Artifacts, su formato para generar y editar salidas interactivas. Puedes invocar la función ingresando /design, después de lo cual Claude puede producir borradores visuales de la interfaz para una solicitud de aplicación o funcionalidad. Las mesas de trabajo resultantes son editables, lo que te permite ajustar una UI propuesta antes de convertirla en código funcional.

Claude Code ya puede diseñar. La nueva habilidad /design (vista previa de investigación) lleva el flujo de trabajo de mesas de trabajo de Claude Design a la CLI y al Escritorio, basada en artifacts.

Ejecuta /design para obtener mesas de trabajo editables para tu UI: elige una, ajústala y luego haz que Claude la implemente. pic.twitter.com/uttl4F1G0e

— ClaudeDevs (@ClaudeDevs) Agosto 17, 2026

Anthropic lanza la habilidad /design para Claude Code

Este flujo de trabajo podría reducir la fricción en las primeras etapas del desarrollo de productos, donde las decisiones de diseño a menudo pasan por varias herramientas y equipos antes de que comience la implementación. Claude Code ahora puede servir como un puente entre los requisitos de producto en lenguaje natural, el prototipado visual y la generación de código.

Por ejemplo, si estás construyendo un panel de operaciones de seguridad interno, podrías especificar requisitos como una cola de alertas, filtros de severidad, una línea de tiempo de incidentes, un panel de búsqueda de IOC y notas del analista.

La habilidad /design podría generar varios diseños de panel como mesas de trabajo editables. Puedes elegir la estructura preferida, revisar secciones como la priorización de alertas o el contraste del modo oscuro, y luego pedirle a Claude que implemente la interfaz seleccionada.

El anuncio es notable porque mueve a Claude Code más allá de su rol actual como asistente de codificación por IA. Las herramientas de codificación agenticas son cada vez más capaces de inspeccionar repositorios, modificar archivos, ejecutar comandos y ayudar a depurar software.

Agregar una capa de diseño visual permite un ciclo de desarrollo más completo. Sin embargo, seguirás necesitando revisar el código generado, validar la accesibilidad y probar la seguridad de la aplicación antes del despliegue.

Desde una perspectiva de ciberseguridad, los equipos que adopten el desarrollo de UI asistido por IA deben tratar el código front-end generado como no confiable hasta que haya sido revisado.

Debes comprobar los flujos de autenticación, la validación de entradas, la exposición de datos en el lado del cliente, el manejo de endpoints de API, los cambios de dependencias y las prácticas de gestión de secretos.

Los prototipos visuales también pueden normalizar involuntariamente patrones inseguros, como mostrar identificadores sensibles, mensajes de error detallados o datos operativos sin los controles de acceso apropiados.

Según una publicación de ClaudeDevs en X, la función /design está disponible para los suscriptores de Claude Pro, Max, Team y Enterprise, quienes podrían necesitar actualizar Claude Code para acceder a ella.

La función señala un cambio más amplio hacia entornos de desarrollo de IA que combinan la planificación, el diseño, la codificación y la iteración en un solo flujo de trabajo.

Para los equipos de ingeniería, el valor dependerá de si las mesas de trabajo generadas siguen siendo fáciles de editar, reflejan con precisión los requisitos y se traducen en un código de producción seguro y mantenible.

Fuentes:
https://cybersecuritynews.com/anthropic-launches-design-skill/