Lavori Chi sono Competenze Blog
Instagram LinkedIn Telegram
// Mestre, Venezia - Italia
Design Pills

Design Pills - Capitolo 05

Le 13 Skills di Claude da usare se sei un Experience Designer.

Autore
Daniele Scanferlato
Argomento
AI · Design Workflow · Claude
Tempo di lettura
11 min

Introduzione

Se lavori come experience designer nel 2026, probabilmente hai già sperimentato Claude per qualcosa: una ricerca utente, uno schema di flusso, un testo per un prototipo. Ma usare Claude come una chat generica è come usare Figma solo per scrivere note. Lo strumento esiste per fare molto di più.

Le Claude Skills sono set di istruzioni riutilizzabili che trasformano Claude da assistente generico a collaboratore specializzato per fasi precise del processo di design. Funzionano come file .md con workflow predefiniti: li installi una volta, e Claude applica quel contesto ogni volta che ne hai bisogno, senza dover riscrivere il briefing da zero a ogni sessione.

Questa guida raccoglie le skill più utili, alcune pubbliche e largamente diffuse, altre che puoi costruire su misura, organizzate per le fasi reali del lavoro di un experience designer.

Il contesto: cosa è cambiato da aprile 2026

Il 17 aprile 2026 Anthropic ha lanciato Claude Design, il primo prodotto di Anthropic Labs. È un workspace visuale alimentato da Claude Opus 4.7 che genera prototipi interattivi, slide deck, wireframe e one-pager a partire da linguaggio naturale, file caricati o repository collegati.

Claude Design supporta l'esportazione nativa verso Canva, PDF, PPTX e HTML, e può leggere un codebase per applicare il tuo design system. Questo lo rende tecnicamente diverso rispetto a Figma AI e Canva Magic Studio.

Nello stesso periodo, Figma ha integrato Claude Code come partner MCP ufficiale, permettendo di portare i workflow avviati in Claude Code direttamente nel canvas Figma per la condivisione e l'iterazione collaborativa.

Le skill di Claude Code si collocano in questo ecosistema: non sostituiscono il giudizio del designer, ma automatizzano la parte operativa e ripetitiva del processo.

Le skill per fase di progetto

1. Ricerca e discovery

customer-research
Questa skill è fondamentale prima ancora di aprire Figma. Analizza trascrizioni di interviste, review su G2, thread Reddit, ticket di supporto e survey per estrarre pattern e costruire personas. Puoi darle materiale grezzo, anche disordinato, e ottenere sintesi strutturate, citazioni raggruppate per tema e profili JTBD pronti all'uso.

Attiva quando: devi analizzare feedback esistenti, fare mining di review competitor, o sintetizzare output di user testing in poco tempo.

ab-testing
Non solo per la fase di lancio. In discovery aiuta a strutturare ipotesi di ricerca, definire metriche di successo per i test di usabilità e impostare criteri di valutazione prima che il test inizi. Funziona anche per calcolare la significatività statistica.

2. Strategia e architettura

site-architecture
Mappa gerarchie di pagine, strutture di navigazione e URL. È utile quando devi presentare l'architettura informativa a clienti o team di sviluppo, o quando vuoi documentare la struttura attuale prima di riprogettarla.

cro (Conversion Rate Optimization)
Per designer che lavorano su prodotti con obiettivi di conversione, come landing page, flow di acquisto e onboarding. Analizza qualsiasi pagina e restituisce raccomandazioni UX e persuasion design prioritizzate.

3. Prototipazione e UI

frontend-design (ufficiale Anthropic)
Con oltre 277.000 installazioni a marzo 2026, è la skill più diffusa nell'ecosistema. Fornisce a Claude un design system e una filosofia estetica prima di toccare il codice, con output tipografici e visuali intenzionali.

Attiva quando: generi prototipi HTML, componenti React o interfacce che non devono sembrare fatte dall'AI.

ui-ux-pro-max
La skill di design più completa dell'ecosistema. Include un database cercabile con 50+ stili UI, 97 palette colori, 57 abbinamenti tipografici, 99 linee guida UX e 25 tipi di chart su 9 stack tecnologici. Il workflow in quattro step (analisi requisiti, design system, applicazione, QA) è utile per prodotti con identità visive distinte.

ckmui-styling
Specializzata su componenti shadcn/ui con Radix UI e Tailwind. Utile se il team di sviluppo usa già questo stack e vuoi ridurre le frizioni nel handoff.

4. Integrazione con Figma

Qui c'è il cambiamento più significativo dell'ultimo anno. Attraverso il server MCP ufficiale di Figma, Claude Code può leggere il file Figma, creare componenti, impostare variabili e organizzare layer direttamente dal terminale.

Le skill Figma-specifiche agiscono come un layer di governance: il punto non è la potenza dello strumento, ma l'assenza di regole esplicite.

Lo stesso strumento deve comportarsi in modo diverso in base al contesto: se il designer resta nel loop, la compliance ha priorità; se serve un prototipo veloce, vince la velocità.

5. Contenuto e copy

copywriting
Per i designer che scrivono testi d'interfaccia, questa skill fa la differenza tra UX writing generico e copy orientato alla conversione. Gestisce headline, CTA, microcopy e value proposition adattando il tono al prodotto.

copy-editing
Quando il testo esiste già e va migliorato. Utile nella review dei prototipi prima di user test, per ridurre bias involontari.

stop-slop
Skill meta ma essenziale: rimuove pattern di scrittura tipici dell'AI da copy, specifiche e documentazione. Regole operative: voce attiva, frasi specifiche, niente enfasi vuota.

6. Presentazioni e deliverable

ckmslides
Genera presentazioni HTML strategiche con Chart.js, design token integrati e formule di copywriting. Per i designer che producono deck spesso, è più veloce e controllabile rispetto ai tool tradizionali con AI.

sales-enablement
Quando il lavoro deve convincere clienti, board o team prodotto, questa skill costruisce one-pager, pitch deck e materiali di presentazione con struttura persuasiva.

7. Validazione e testing

analytics
Imposta il tracking per misurare l'impatto delle decisioni di design. Copre GA4, Mixpanel, GTM, event tracking e UTM.

ab-testing
Nella fase di testing, aiuta a strutturare esperimenti A/B su varianti di design, calcolare la dimensione del campione e interpretare i risultati con la corretta significatività statistica.

Come costruire skill personalizzate

Il problema che le Claude Skills risolvono è semplice: in ogni nuova sessione, spesso ricostruisci il contesto da zero. Una skill ben strutturata applica quel contesto automaticamente ogni volta.

La skill skill-creator guida l'intero processo: definizione schema, scrittura istruzioni e impostazione di test framework per verificare che il comportamento sia coerente.

Per un experience designer, le skill personalizzate più utili da costruire sono:

  • Design review automatico: checklist pre-test utente (accessibilità, consistenza copy, stati mancanti)
  • UX writing standard: tono di voce, vocabolario approvato, pattern di microcopy del prodotto
  • Documentazione handoff: template strutturati per annotazioni di sviluppo con i campi richiesti dal team

Il workflow che funziona

Il punto di svolta non è usare l'AI per fare più cose. È codificare il processo dentro Claude stesso. Quando le fasi del workflow sono formalizzate in skill, Claude non corre più veloce nel caos: porta ordine al caos.

Sequenza consigliata per un progetto:

Conclusione

Le skill non sono uno strumento per fare di più in meno tempo. Sono uno strumento per fare le cose giuste nel modo giusto, senza ricominciare da zero ogni volta.

Aggiornato a maggio 2026. Claude Design è disponibile in research preview per gli abbonati Claude Pro, Max, Team ed Enterprise. Per abbonarti puoi usare la pagina ufficiale: claude.ai/upgrade.