Cómo Bolt genera prototipos con la identidad de marca en 5 minutos con el SDK de Agentes de Claude

Bolt de StackBlitz es una herramienta de codificación por voz que permite a los usuarios construir aplicaciones completas en lenguaje natural. Su nueva capacidad es un agente de sistema de diseño que permite a los gestores de producto y diseñadores generar prototipos listos para producción con la identidad de marca sin escribir código, cerrando la brecha entre el prototipo y la producción que ha mantenido a los no ingenieros al margen del ciclo de desarrollo.

La mayoría de las empresas no tienen su sistema de diseño en un solo lugar. La tipografía vive en un documento de Google. Los componentes están dispersos entre archivos de Figma, instancias de Storybook y repositorios de GitHub. Las pautas de espaciado pueden estar en una wiki, o simplemente en la cabeza de un ingeniero. El resultado: Bolt podía generar código rápidamente, pero sin el lenguaje de diseño real de la empresa, el resultado parecía genérico. Los prototipos se convertían en desechables: un PM construye algo para comunicar una idea, un ingeniero lo reescribe completamente antes de que pueda publicarse. «Muchas veces, si solo usas Bolt, no tiene ninguna idea sobre el sistema de diseño de tu empresa», dijo Dominic Elm, Ingeniero Fundador de StackBlitz.

StackBlitz había construido su propio agente interno pero eligió reconstruirlo sobre el SDK de Agentes de Claude cuando se lanzó. El equipo es pequeño, y el SDK significaba que podían heredar el conjunto completo de capacidades que impulsa Claude Code sin igualar esa inversión. El agente de sistema de diseño ingiere todo lo que tiene una empresa —sitios Storybook, repositorios de GitHub, paquetes npm, tokens de Figma, archivos de documentación— y realiza un análisis exhaustivo de cada fuente, resolviendo conflictos, mapeando tokens de diseño y construyendo una representación intermedia consolidada del sistema de diseño completo. Claude Opus 4.7 impulsa esta fase de investigación. El hook de parada del SDK mantiene el agente en ejecución durante un flujo de trabajo prolongado y permite correcciones de rumbo a mitad de la ejecución. Los subagentes personalizados manejan tareas en paralelo manteniendo limpia la ventana de contexto principal.

La generación del sistema de diseño promedia 53 minutos. Una vez completada, el resultado vive dentro de Bolt como una biblioteca navegable de los componentes, secciones y páginas de la empresa. A partir de ese momento, cualquier miembro del equipo puede indicarle a Bolt que construya algo —un configurador de coches, una página de comparación, una variante de página de inicio— y el resultado sigue los componentes, la tipografía y el espaciado reales de la empresa. El agente luego ejecuta un ciclo de revisión para verificar su propio trabajo. Más de 10.000 usuarios ya han subido sus propios sistemas de diseño a Bolt, y StackBlitz ve aproximadamente un 90% de eficiencia de caché en estos flujos de trabajo de larga duración.

«El objetivo es lograr que los gestores de producto y diseñadores estén realmente integrados en el ciclo de desarrollo y puedan contribuir al código de producción», dijo Elm. «Ese es el santo grial para casi todo el mundo.» StackBlitz diseñó deliberadamente Bolt para no ser la fuente de verdad del sistema de diseño de una empresa: cuando los equipos actualizan su sistema de diseño, reindexan en Bolt y el agente hace una actualización incremental.