Storybook 10.3 integra il Model Context Protocol per React, lo standard aperto nato da Anthropic per far comunicare i modelli di intelligenza artificiale con strumenti e dati esterni. In pratica, un agente AI collegato a Storybook può consultare i componenti esistenti, riutilizzarli, generare anteprime live e persino eseguire test di accessibilità e interazione per correggere autonomamente gli errori. Il risultato è uno sviluppo di interfacce meno affidato alla generazione generica e più ancorato a codice reale e verificabile.

La funzionalità si articola in tre gruppi di strumenti: il set di sviluppo permette agli agenti di mostrare il proprio lavoro negli stati rilevanti dell’interfaccia, il set di documentazione consente di scoprire e riutilizzare i componenti del design system, mentre il set di test offre argini e correzioni automatiche attraverso test mirati. Il server MCP può inoltre essere pubblicato e condiviso con il team, anche da chi non esegue Storybook in locale, e supporta la composizione di più Storybook in un unico contesto per l’agente.

// affiliato ▸ StartMail · Email privata, senza tracciamento scontata al 50% · Provala gratis →

Meno violazioni di accessibilità, più tipizzazione

La versione 10.3 raccoglie anche un consistente lavoro sull’accessibilità dell’interfaccia di Storybook stessa: semantica ARIA migliorata, navigazione da tastiera e gestione del focus più robuste, contrasto cromatico e supporto alto contrasto rafforzati, riduzione del movimento, navigazione tra landmark e correzioni ai documenti in ottica WCAG.

Le CSF Factories, introdotte con Storybook 10 per ridurre il boilerplate e migliorare l’autocompletamento nella scrittura di storie, si estendono ora a Vue, Angular e Web Components, dopo il lancio iniziale limitato a React. Sono disponibili codemod per la migrazione automatica, ma le versioni precedenti di CSF restano supportate. Lo stato attuale è Preview, con rilascio stabile previsto in Storybook 11.

Ecosistema aggiornato

Completano il rilascio il supporto a Vite 8, Next.js 16.2, ESLint 10 e Angular 21, l’inizializzazione da CLI per Rsbuild e il supporto Preact per l’addon Vitest. Dalla comunità arrivano un’integrazione con Vike e un framework Astro in fase sperimentale.

L’aggiornamento si esegue con npx storybook@latest upgrade.