MondoSkills › Categorie › Design, UI/UX e grafica
Design, UI/UX e grafica
295 skill per Claude e ChatGPT
In questa pagina trovi tutte le 295 skill della categoria Design, UI/UX e grafica, divise in 11 sottocategorie. 217 funzionano con Claude, 83 sono compatibili con ChatGPT, 290 sono gratuite e 3 riguardano norme o prassi italiane. Per ogni skill trovi la fonte originale e, nella scheda, il testo pronto da copiare per installarla.
Filtra nel catalogo completo- Design system e interfacce (UI/UX) (108)
- Generazione e modifica di immagini (42)
- Art direction e revisione visiva (24)
- Illustrazioni e grafica vettoriale (24)
- Siti web e landing page (23)
- Brand, loghi e identità visiva (19)
- Animazioni ed effetti visivi (18)
- Diagrammi e infografiche (16)
- Accessibilità (8)
- Presentazioni e slide (8)
- Altri temi (5)
Design system e interfacce (UI/UX)
108 skill
anti-ui-slop
Aiuta gli agenti di coding a progettare e realizzare interfacce web o iOS specifiche per un prodotto, usando schermate reali come riferimento. Definisce requisiti di design, stati da coprire e controlli finali prima della consegna.
Copilot + ClaudeAvanzatoGratuitaIngleseapple-hig-expert
Valuta e progetta interfacce per piattaforme Apple secondo le linee guida HIG, controllando contrasto e dimensioni delle aree interattive e supportando esperienze native.
Claude + altri agentiIntermedioGratuitaIngleseasset-spec
Crea specifiche visive per singoli asset e prompt per generarli tramite AI, basandosi sui GDD e sui profili dei personaggi. Fornisce indicazioni utili alla produzione degli elementi visivi del progetto.
Solo ClaudeIntermedioGratuitaIngleseaudit
Esamina un flusso o un’interfaccia di prodotto acquisendo schermate e segnala problemi e opportunità di miglioramento relativi a UX, design e accessibilità.
ChatGPT + CodexIntermedioGratuitaIngleseaudit-ai-design-slop
Esamina siti, app, schermate o codice di design per individuare cliché visivi e difetti dell’interfaccia, quindi fornisce riscontri motivati e un piano di correzione mirato, senza proporre riprogettazioni speculative.
Claude + altri agentiIntermedioGratuitaInglesebeam-glow-states
Implementa in React stati di caricamento, selezione, focus e pressione con un bordo luminoso animato, configurando border-beam, accessibilità, movimento ridotto e prestazioni.
Claude + altri agentiIntermedioGratuitaInglesebeautiful-shadows
Applica ombre Tailwind personalizzate e stratificate a schede, controlli, pannelli, popup e contenitori, creando profondità visiva senza ricorrere alle scale predefinite.
Claude + altri agentiIntermedioGratuitaIngleseblue-cloudy-clean-modern
Definisce un sistema visivo per interfacce moderne e pulite, combinando tonalità azzurre luminose, richiami al cielo nuvoloso, spazi bianchi e tipografia elegante.
Claude + altri agentiIntermedioGratuitaIngleseblue-laser-clean-glass-layout
Definisce un sistema grafico per interfacce scure in vetro, con pannelli traslucidi, atmosfera blu e strutture curate, adatte alla progettazione di dashboard.
Claude + altri agentiIntermedioGratuitaInglesebootstrap-italia
Aiuta a realizzare siti per la Pubblica Amministrazione italiana utilizzando componenti, pattern e utilità di Bootstrap Italia. Fornisce indicazioni per l’accessibilità, i font e l’implementazione.
Solo ClaudeAvanzatoGratuitaIngleseContesto italianoclean-minimal-beige-light-mode
Crea un sistema grafico chiaro e minimale in tonalità beige, organizzando superfici neutre e griglie di processo con accenti cromatici discreti per le interfacce.
Claude + altri agentiIntermedioGratuitaInglesecorner-diagonals
Applica angoli tagliati in diagonale a pulsanti, schede, pannelli e contenitori, definendo interfacce geometriche e nette al posto delle forme arrotondate.
Claude + altri agentiBaseGratuitaInglesecss-alpha-masking
Imposta maschere CSS con gradienti lineari per sfumare i bordi orizzontali o verticali degli elementi, usando mask-image e -webkit-mask-image.
Claude + altri agentiIntermedioGratuitaInglesecss-border-gradient
Aggiunge bordi sfumati e discreti a schede, pulsanti, modali e pannelli dell’interfaccia, ottenendo un effetto raffinato senza ricorrere a bagliori eccessivi.
Claude + altri agentiBaseGratuitaInglesedaily-ui-inspiration-capture
Prepara raccolte giornaliere di ispirazione UI con riferimenti, screenshot o video di studio del movimento e prompt per strumenti di creazione; controlla duplicati e pacchetti datati.
Claude + altri agentiIntermedioGratuitaInglesedark-blue-contrasting-clean
Definisce un sistema visivo pulito in blu scuro, combinando forte contrasto, blocchi sfumati cobalto e strutture incorniciate con bagliori contenuti per le interfacce.
Claude + altri agentiIntermedioGratuitaInglesedark-glass-clean-layout
Crea layout scuri con superfici di vetro satinato, colonne di lavoro, schede dati sospese e profondità atmosferica controllata, pensati per interfacce workspace premium.
Claude + altri agentiIntermedioGratuitaInglesedesign-critique
Analizza interfacce o mockup forniti, valutandone usabilità, gerarchia visiva e coerenza del design. Restituisce una critica strutturata che aiuta a individuare gli aspetti da migliorare.
Solo ClaudeIntermedioGratuitaInglesedesign-styles
Definisce o applica una direzione visiva per un’interfaccia, specificando tipografia, palette, superfici e animazioni. Aiuta a scegliere uno stile distintivo o a rinnovare l’aspetto senza modificarne la struttura.
Claude + altri agentiIntermedioGratuitaInglesedesign-system
Estrae token di design da una codebase o verifica la coerenza visiva di un’interfaccia, producendo token, proprietà CSS, documentazione e anteprima HTML e segnalando problemi su più dimensioni.
Solo ClaudeIntermedioGratuitaInglesedesign-system
Raccoglie le preferenze del brand, verifica il contrasto secondo WCAG 2.2 AA e genera variabili CSS per colori e stile, salvando la configurazione per riutilizzarla nella conversione da Markdown a HTML.
Claude + altri agentiIntermedioGratuitaInglesedesign-system
Verifica, documenta o amplia un design system esistente, rilevando incoerenze nei nomi e nei valori codificati. Documenta varianti e stati dei componenti e aiuta a definire pattern coerenti e accessibili.
Solo ClaudeAvanzatoGratuitaInglesedesign-system
Crea e mantiene un design system con token per colori, tipografia, spaziatura e profondità, oltre a specifiche e regole per i componenti. Aiuta a mantenere coerenti le interfacce durante la crescita del prodotto.
Claude + altri agentiAvanzatoGratuitaInglesedesign-system
Imposta un sistema di design con token a più livelli, variabili CSS, scale di spaziatura e tipografia e specifiche dei componenti, supportando anche presentazioni coerenti con il brand.
Solo ClaudeAvanzatoGratuitaInglesedesign-system-patterns
Definisce token di design, infrastrutture per temi e architetture di componenti riutilizzabili, supportando la creazione di librerie e basi scalabili per design system.
Claude + altri agentiAvanzatoGratuitaInglesedither-laser-dark-mode
Definisce un sistema visivo scuro con superfici quasi nere, texture dithering e accenti luminosi, per progettare interfacce dall’atmosfera premium.
Claude + altri agentiIntermedioGratuitaIngleseexpo-design-system
Crea e mantiene un design system per app Expo, definendo token di stile e la struttura dei componenti riutilizzabili. Specifica convenzioni per varianti, dimensioni e stati dei componenti.
Claude + altri agentiIntermedioGratuitaIngleseexpo-native-ui
Realizza schermate Expo dall’aspetto nativo, applicando le convenzioni Apple HIG e utilizzando colori semantici, controlli, simboli ed effetti visivi. Definisce inoltre layout adattivi per le interfacce.
Claude + altri agentiIntermedioGratuitaInglesefigma
Recupera da Figma contesto di design, schermate, variabili e risorse, quindi traduce i nodi dei file in codice pronto per la produzione.
ChatGPT + CodexAvanzatoGratuitaInglesefigma-code-connect
Crea e mantiene file template Figma Code Connect che collegano componenti Figma a frammenti di codice, inclusi file .figma.ts e .figma.js.
ChatGPT + CodexIntermedioGratuitaInglesefigma-code-connect-components
Collega i componenti Figma alle implementazioni corrispondenti nel codice tramite strumenti di mapping Code Connect, creando e gestendo le associazioni tra design e codice.
ChatGPT + CodexAvanzatoGratuitaInglesefigma-create-design-system-rules
Genera regole di design system personalizzate per un codebase e per i flussi Figma-to-code, utilizzando una connessione al server MCP di Figma.
ChatGPT + CodexAvanzatoGratuitaInglesefigma-create-new-file
Prepara la creazione di un nuovo file Figma vuoto, specificando il tipo di editor da usare e il nome da assegnare prima di avviare gli strumenti Figma.
ChatGPT + CodexBaseGratuitaInglesefigma-create-new-file
Crea un nuovo file Figma o FigJam vuoto e ne definisce tipo e nome; quando necessario, recupera i dettagli del piano tramite `whoami`.
ChatGPT + CodexBaseGratuitaInglesefigma-generate-design
Traduce in Figma una pagina, una schermata o un layout con più sezioni a partire da codice o descrizioni, e crea o aggiorna modali, pannelli e altri componenti.
ChatGPT + CodexIntermedioGratuitaInglesefigma-generate-design
Traduce in Figma pagine, schermate o layout descritti o presenti nel codice, individuando componenti, variabili e stili per creare o aggiornare viste complete.
ChatGPT + CodexAvanzatoGratuitaInglesefigma-generate-library
Crea o aggiorna in Figma un design system a partire da una codebase, includendo variabili, token, componenti, temi e documentazione delle fondamenta visive.
ChatGPT + CodexAvanzatoGratuitaInglesefigma-generate-library
Crea o aggiorna in Figma un design system a partire da un codebase, includendo token, variabili, componenti e temi, e aiuta a documentarne le basi e individuare differenze rispetto al codice.
ChatGPT + CodexAvanzatoGratuitaInglesefigma-implement-design
Trasforma design Figma in codice applicativo pronto per la produzione, puntando alla fedeltà visiva 1:1 durante l’implementazione di schermate e componenti.
ChatGPT + CodexAvanzatoGratuitaInglesefigma-use
Fornisce il contesto necessario per usare gli strumenti Figma nella lettura programmatica o nella modifica dei file, ad esempio per creare componenti, gestire variabili e intervenire sui layout.
ChatGPT + CodexAvanzatoGratuitaInglesefigma-use
Prepara operazioni di lettura o modifica programmatica dei file Figma, come creare o modificare nodi, impostare variabili e componenti e ispezionare la struttura del file.
ChatGPT + CodexAvanzatoGratuitaInglesefigma-use-figjam
Fornisce indicazioni per usare lo strumento MCP use_figma nelle attività svolte in FigJam, affiancando la guida generale all’uso dello strumento Figma.
ChatGPT + CodexIntermedioGratuitaIngleseframed-tech-dark-border-gradient
Imposta un sistema grafico tecnico scuro con cornici a gradiente, pannelli asimmetrici e annotazioni essenziali in stile monospace, definendo una direzione visiva coerente.
Claude + altri agentiIntermedioGratuitaInglesefrontend-design
Fornisce indicazioni per progettare o rinnovare interfacce, definendo scelte di stile visivo e tipografia a partire dalle esigenze del prodotto. Aiuta a evitare soluzioni grafiche generiche e predefinite.
Solo ClaudeIntermedioGratuitaInglesefrontend-design
Aiuta a progettare o rinnovare interfacce con scelte intenzionali di stile, tipografia e direzione visiva. Propone indicazioni concrete per evitare design generici e predefiniti.
Solo ClaudeIntermedioGratuitaInglesefrontend-design-direction
Definisce una direzione visiva per interfacce web e prodotti digitali, supportando la progettazione o il miglioramento di siti, dashboard, applicazioni e componenti con scelte orientate al prodotto.
Solo ClaudeIntermedioGratuitaInglesefrontend-design-review
Valuta interfacce web frontend e relativi componenti o codice, verificando qualità visiva, usabilità, accessibilità, adattamento responsive e conformità al design system.
Claude + altri agentiAvanzatoGratuitaInglesefrontend-ui-dark-ts
Aiuta a realizzare applicazioni React con tema scuro usando Tailwind CSS, effetti glassmorphism e animazioni Framer Motion, per creare dashboard e pannelli amministrativi.
Claude + altri agentiIntermedioGratuitaInglesefunky-purple-container-tech
Definisce un sistema grafico tecnico scuro con accenti viola e fucsia, contenitori arrotondati, cornici nette e punti focali futuristici per le interfacce.
Claude + altri agentiIntermedioGratuitaInglesegeist
Fornisce indicazioni per configurare e applicare i font Geist Sans, Geist Mono e Geist Pixel nelle interfacce sviluppate con Next.js.
ChatGPT + CodexBaseGratuitaIngleseget-context
Raccoglie e chiarisce le informazioni essenziali sul prodotto e sul risultato desiderato prima di un’attività di ideazione, redesign o progettazione dell’interfaccia, quindi riepiloga il brief.
ChatGPT + CodexBaseGratuitaIngleseglass-dark-mode-clock
Progetta un sistema visivo scuro e tecnologico con superfici di vetro satinato, griglie luminose e quadranti circolari di precisione ispirati agli strumenti di misura.
Claude + altri agentiIntermedioGratuitaIngleseglass-dark-ui
Realizza interfacce scure con effetto vetro smerigliato, contrasto leggibile e bordi sfumati, usando blur e gradienti luminosi per schede, pannelli e sezioni hero.
Claude + altri agentiIntermedioGratuitaInglesehooked-ux
Progetta meccanismi per favorire il ritorno e il coinvolgimento degli utenti applicando il modello Hook, valutando gli aspetti etici e proponendo idee per notifiche, progressi e riattivazione.
Claude + altri agentiIntermedioGratuitaIngleseimage-first-grid-layout
Imposta griglie che valorizzano la fotografia, integrando linee strutturali, blocchi di contenuto ancorati e sovrapposizioni tecniche discrete per pagine visive ricche di immagini.
Claude + altri agentiIntermedioGratuitaIngleseimagegen-frontend-mobile
Genera concept visivi per schermate e flussi di app mobile, curando gerarchia, leggibilità e coerenza tra viste, e li presenta in mockup di telefono.
Claude + altri agentiIntermedioGratuitaIngleseindustrial-brutalist-ui
Definisce interfacce brutaliste con griglie rigide, contrasti tipografici marcati e dettagli ispirati a terminali e documenti tecnici, producendo una direzione visiva industriale coerente.
Claude + altri agentiIntermedioGratuitaIngleseinterface-craft
Migliora la qualità visiva e interattiva di un’interfaccia intervenendo su layout, gerarchia, tipografia, spaziatura e densità. Fornisce indicazioni per rendere le schermate più curate, chiare e affidabili.
Claude + altri agentiIntermedioGratuitaIngleseinterface-redesign
Valuta un’interfaccia esistente e individua gli interventi visivi prioritari senza riprogettarla da zero. Aiuta a scegliere tra rinnovare lo stile e ricostruire l’interfaccia, tenendo conto delle risorse disponibili.
Claude + altri agentiIntermedioGratuitaIngleseios-hig-design
Progetta interfacce native per iOS secondo le linee guida HIG di Apple, fornendo indicazioni su navigazione, barre, finestre, accessibilità, modalità scura e adattamento agli schermi Apple.
Claude + altri agentiAvanzatoGratuitaIngleselean-ux
Applica i principi Lean alla progettazione UX attraverso ipotesi, attività collaborative e rapidi esperimenti, aiutando i team a verificare le idee con gli utenti riducendo la documentazione.
Claude + altri agentiIntermedioGratuitaIngleselight-mode-paper-technical
Definisce un sistema visivo tecnico in modalità chiara, con superfici color carta, cornici scure, geometrie precise e accenti grafici misurati per le interfacce.
Claude + altri agentiIntermedioGratuitaIngleseliquid-glass
Implementa e revisiona interfacce macOS in SwiftUI con Liquid Glass, adottando l’effetto vetro di sistema e rimuovendo gli elementi grafici personalizzati che entrano in conflitto con esso.
ChatGPT + CodexAvanzatoGratuitaIngleseliquid-glass-design
Aiuta a realizzare interfacce iOS 26 con il sistema Liquid Glass, applicando materiali traslucidi, sfocature, riflessi e morphing interattivo in SwiftUI, UIKit o WidgetKit.
Solo ClaudeAvanzatoGratuitaInglesemacos-golden-gate-design
Progetta, implementa, revisiona o rifattorizza interfacce native macOS in SwiftUI o AppKit, seguendo le linee visive indicate per macOS 27. Supporta anche la conversione da Figma e l’audit dell’interfaccia.
Copilot + ClaudeAvanzatoGratuitaInglesemagicpath
Usa MagicPath per cercare, esaminare, installare o creare componenti UI e per intervenire su design, interfacce, temi e selezioni del canvas.
ChatGPT + CodexIntermedioGratuitaInglesemake-interfaces-feel-better
Rifinisce le interfacce intervenendo su spaziatura, tipografia, bordi, ombre, animazioni, aree cliccabili, icone e stati di interazione, per migliorarne la qualità visiva e d’uso.
Solo ClaudeIntermedioGratuitaInglesemesh-gradient-dark-blue-clean
Crea un sistema grafico futuristico blu scuro con sfondo a mesh gradient, navigazione, sezioni incorniciate, elementi fluttuanti e animazioni misurate per le interfacce.
Claude + altri agentiIntermedioGratuitaInglesemicrointeractions
Progetta microinterazioni per rendere chiari gli stati e le risposte dell’interfaccia, definendo trigger, regole, feedback e transizioni per pulsanti, caricamenti e validazione dei moduli.
Claude + altri agentiIntermedioGratuitaIngleseminimalist-ui
Progetta interfacce editoriali minimaliste con palette monocromatiche calde, contrasti tipografici e griglie semplici, evitando gradienti e ombre marcate per mantenere una composizione essenziale.
Claude + altri agentiIntermedioGratuitaInglesemobile-ios-design
Progetta interfacce iOS native secondo le linee guida Apple e realizza viste con SwiftUI, aiutando a creare app coerenti con i principi di design di iOS.
Claude + altri agentiIntermedioGratuitaInglesenested-container-clean-agency
Progetta un sistema grafico per agenzie organizzando contenuti in contenitori annidati, blocchi in evidenza e schede arrotondate con colori d’accento sobri.
Claude + altri agentiIntermedioGratuitaInglesenested-container-frames
Organizza i layout in contenitori annidati, definendo i limiti con un frame esterno e applicando rientri, sfondi e bordi ai pannelli interni per mantenere livelli e spaziature coerenti.
Claude + altri agentiBaseGratuitaIngleseno-ai-design-slop
Individua scelte visive generiche e difetti comuni in un’interfaccia, quindi propone correzioni che preservano la direzione artistica già scelta durante la progettazione o la revisione.
Claude + altri agentiIntermedioGratuitaIngleseorange-clean-paper-saas
Definisce un sistema visivo per interfacce SaaS, combinando toni cartacei, accenti arancioni, forme arrotondate e superfici illustrative curate per dare coerenza al prodotto.
Claude + altri agentiIntermedioGratuitaInglesepersona
Genera personas basate sui dati forniti per supportare la ricerca UX e la progettazione di prodotti. Consente di configurare le caratteristiche e il livello di dettaglio dei profili.
Claude + altri agentiIntermedioGratuitaIngleseprogressive-blur
Genera con CSS una sfocatura progressiva nella parte superiore o inferiore di una finestra, usando più maschere di backdrop-filter per sfumare gradualmente i bordi.
Claude + altri agentiIntermedioGratuitaInglesePrototipi UI
Crea prototipi cliccabili di app e dashboard con dati realistici e li rende condivisibili tramite link per svolgere test con gli utenti senza scrivere codice.
Solo ClaudeIntermedioA pagamentoItalianoredesign-existing-projects
Analizza siti e app esistenti, individua schemi visivi generici e formula interventi mirati per elevarne la qualità, preservando funzionalità e struttura operativa.
Claude + altri agentiIntermedioGratuitaInglesereplica-design
Definisce un sistema di design per un’app specificando colori, tipografia, spaziature, ombre e componenti con i relativi stati. Usa risorse originali al posto di quelle del prodotto di riferimento e include controlli di contrasto WCAG.
Solo ClaudeAvanzatoGratuitaIngleseresearch
Conduce ricerche UX basate su fonti sui problemi degli utenti di un prodotto digitale, individuando attriti in flussi, onboarding, documentazione, supporto ed esperienza degli sviluppatori.
ChatGPT + CodexIntermedioGratuitaIngleseshadcn
Guida l’uso di shadcn/ui per installare e comporre componenti, configurare temi e Tailwind CSS, creare registri personalizzati e risolvere problemi dell’interfaccia.
ChatGPT + CodexIntermedioGratuitaIngleseskeuomorphic-ui
Definisce superfici d’interfaccia skeuomorfiche attraverso gradienti, ombre stratificate, bordi riflettenti, texture e dettagli in rilievo, creando un aspetto tattile e realistico.
Claude + altri agentiIntermedioGratuitaInglesesplit-layout-technical
Imposta un layout tecnico a pannelli affiancati con cornici sottili, metadati monospaziati, tipografia editoriale e superfici a livelli, per organizzare l’interfaccia in modo ordinato.
Claude + altri agentiIntermedioGratuitaInglesestitch-design-taste
Crea un file DESIGN.md per Google Stitch che raccoglie regole su tipografia, colori, composizione, animazioni e prestazioni, guidando la generazione di interfacce coerenti.
Claude + altri agentiIntermedioGratuitaIngleseswiftui-liquid-glass
Implementa e revisiona interfacce SwiftUI con Liquid Glass per iOS 26 o versioni successive, verificando correttezza, prestazioni e adeguatezza delle scelte progettuali.
ChatGPT + CodexAvanzatoGratuitaInglesetailwind-design-system
Crea sistemi di design scalabili con Tailwind CSS v4, definendo token, librerie di componenti e schemi responsive per uniformare le interfacce.
Claude + altri agentiIntermedioGratuitaInglesetailwindcss
Supporta la progettazione e l’implementazione di interfacce con Tailwind CSS, offrendo convenzioni e soluzioni per layout, tipografia, design responsive, temi e componenti coerenti.
Claude + altri agentiIntermedioGratuitaIngleseteam-ui
Coordina il team UI lungo il flusso UX, dalla stesura al design visivo, all’implementazione, alla revisione e alla rifinitura. Applica procedure e modelli di progetto per organizzare il lavoro.
Solo ClaudeAvanzatoGratuitaInglesetech-green-dark-mode-modern
Definisce un sistema visivo tecnico per dashboard in modalità scura, con superfici nere opache, accenti verdi, etichette monospaziate e schede incorniciate da illuminazione discreta.
Claude + altri agentiIntermedioGratuitaInglesetechnical-wireframe-info-layout
Definisce un sistema visivo monocromatico per wireframe tecnici, usando strutture esplose in 3D, annotazioni e inquadrature diagnostiche per rappresentare informazioni e dettagli progettuali.
Claude + altri agentiIntermedioGratuitaIngleseui-design-system
Crea e documenta sistemi di design a partire dai requisiti del prodotto, generando token visivi e calcoli per layout responsive. Supporta la coerenza delle interfacce e il passaggio delle specifiche agli sviluppatori.
Claude + altri agentiIntermedioGratuitaIngleseui-styling
Realizza interfacce accessibili e responsive con componenti shadcn/ui, Radix UI e Tailwind CSS, definendo temi, modalità scura, componenti e stili coerenti per applicazioni web.
Solo ClaudeIntermedioGratuitaIngleseui-ux-pro-max
Supporta la progettazione, lo sviluppo, la revisione e la correzione di interfacce web, mobile e desktop, con indicazioni su accessibilità, interazioni, layout responsive, tipografia, colori, grafici e stack.
Solo ClaudeAvanzatoGratuitaIngleseunity-uitoolkit
Crea interfacce utente per Unity utilizzando UI Toolkit. Propone elementi e componenti dell’interfaccia adatti alla realizzazione delle schermate del progetto.
Claude + altri agentiIntermedioGratuitaIngleseurl-to-code
Ricrea una pagina accessibile tramite URL come applicazione frontend locale eseguibile, riproducendone l’interfaccia senza sviluppare un backend.
ChatGPT + CodexIntermedioGratuitaIngleseuser-personas
Elabora tre profili utente a partire da dati di ricerca, descrivendo job to be done, difficoltà, benefici e intuizioni inattese per orientare la segmentazione e le decisioni di prodotto.
Claude + altri agentiIntermedioGratuitaIngleseUX GPT
Aiuta i designer UX a individuare problemi nell’esperienza utente e ad analizzare dati, facendo riferimento a oltre 100 casi di studio.
ChatGPTIntermedioGratuita (account ChatGPT)Ingleseux-copy
Scrive o revisiona testi per interfacce digitali, tra cui microtesti, messaggi di errore, stati vuoti, inviti all’azione e contenuti di onboarding. Rende i testi dell’esperienza utente chiari e appropriati al contesto.
Solo ClaudeBaseGratuitaIngleseux-design
Redige specifiche UX sezione per sezione per schermate, flussi o HUD, utilizzando il percorso del giocatore come contesto. Può includere indicazioni di accessibilità applicabili all’intero progetto.
Solo ClaudeIntermedioGratuitaIngleseux-heuristics
Valuta la facilità d’uso di interfacce, moduli e navigazione con euristiche di usabilità e analisi dei percorsi utente, evidenziando problemi, gravità, accessibilità e possibili dark pattern.
Claude + altri agentiIntermedioGratuitaIngleseux-product-auditor
Esamina siti, app, flussi di onboarding e design per individuare problemi di usabilità, conversione e prodotto. Collega ogni rilievo all’impatto aziendale e a un livello di gravità per definire le priorità d’intervento.
Claude + altri agentiIntermedioGratuitaIngleseux-researcher-designer
Supporta la ricerca e la progettazione UX creando personas basate sui dati, mappe del percorso utente e piani di test di usabilità. Sintetizza i risultati e aiuta a validare i design.
Claude + altri agentiIntermedioGratuitaIngleseux-review
Verifica specifiche UX, HUD e librerie di pattern rispetto ai requisiti di accessibilità, al GDD e ai criteri di prontezza. Esprime un esito di approvazione, valutazione incompleta o revisione necessaria.
Solo ClaudeIntermedioGratuitaInglesevideo-to-superprompt
Analizza un video di riferimento e ne ricava un prompt dettagliato per ricreare o ispirare un’interfaccia, descrivendo animazioni, transizioni, tipografia, colori e comportamento delle sezioni.
Claude + altri agentiAvanzatoGratuitaInglesevisual-edit-precision
Guida modifiche a interfacce e componenti frontend a partire da screenshot, annotazioni o selezioni visive, usando il contesto spaziale per individuare con precisione gli elementi da modificare.
Claude + altri agentiIntermedioGratuitaInglesevisual-reference-generation
Trasforma brief e idee in riferimenti visivi per web e mobile, come concept di schermate, proposte di layout e flussi. Aiuta a confrontare diverse direzioni di design prima dello sviluppo.
Claude + altri agentiIntermedioGratuitaIngleseweb-design-guidelines
Revisiona il codice di un’interfaccia web rispetto a linee guida di progettazione e best practice, verificando UI, accessibilità e UX e segnalando gli aspetti da correggere.
Solo ClaudeIntermedioGratuitaInglese
Generazione e modifica di immagini
42 skill
adobe-batch-edit-photos
Applica regolazioni coerenti a più fotografie per uniformarne lo stile, usando preset o atmosfere come quelle cinematografiche, calde o professionali.
ChatGPT + CodexIntermedioGratuitaIngleseadobe-retouch-portraits
Elabora in batch fotografie di ritratti con strumenti Adobe, applicando raddrizzamento, regolazioni tonali e illuminazione automatica; produce un’anteprima a griglia e una cartella con i file elaborati.
ChatGPT + CodexIntermedioGratuitaIngleseAI Image Generator
Trasforma idee descritte a parole in immagini realistiche generate con l’intelligenza artificiale, pensate anche per progetti di design e pubblicità.
ChatGPTIntermedioGratuita (account ChatGPT)IngleseAI Photo Editor
Modifica e trasforma fotografie esistenti direttamente nella conversazione, applicando le variazioni richieste dall’utente alle immagini caricate.
ChatGPTBaseGratuita (account ChatGPT)Ingleseatmosphere-background
Crea sfondi scuri e atmosferici con fasci di luce verticali in movimento, bagliori sfumati e una zona luminosa concentrata in un angolo o lungo il bordo inferiore.
Claude + altri agentiIntermedioGratuitaIngleseaura-asset-images
Cerca immagini stock di Aura Assets per mockup e materiali di marketing, come sfondi, architetture e ritratti; restituisce cinque URL per categoria e suggerimenti su risoluzioni e proporzioni.
Claude + altri agentiBaseGratuitaInglesecanva-bulk-create
Genera design Canva in serie a partire da un modello e da dati tabellari, creando un design per ogni riga; accetta dati da file, tabelle incollate, JSON o URL.
ChatGPT + CodexIntermedioGratuitaInglesecanva-edit-design
Modifica design Canva esistenti intervenendo su testi, immagini, video, formattazione e posizione o dimensione degli elementi; può anche aggiornare il titolo del design.
ChatGPT + CodexIntermedioGratuitaInglesecanva-implement-feedback
Legge i commenti dei revisori su un progetto Canva, riassume le richieste, applica direttamente le modifiche chiare e segnala quelle che richiedono una decisione umana.
ChatGPT + CodexIntermedioGratuitaInglesecanva-translate-design
Traduce i testi di un design Canva in un’altra lingua e crea una copia localizzata, così da adattare il progetto senza modificare manualmente ogni casella di testo.
ChatGPT + CodexBaseGratuitaIngleseCartoonize Yourself
Trasforma una fotografia caricata dall’utente in una versione illustrata in stile cartone animato, mantenendo il soggetto riconoscibile nell’immagine ottenuta.
ChatGPTBaseGratuita (account ChatGPT)Inglesecodex-gpt-image-2-5-flare
Genera o modifica immagini con lo strumento integrato di generazione immagini Codex, in particolare PNG trasparenti, sprite, emblemi e grafiche per interfacce. Verifica la trasparenza e, se necessario, integra i file nel progetto.
Claude + altri agentiIntermedioGratuitaInglesedesign-first-ui-prompting
Struttura prompt per generare interfacce, definendo vincoli, varianti, regole tipografiche e di spaziatura, oltre a un flusso per iterare sulle proposte.
Claude + altri agentiIntermedioGratuitaInglesedither-background
Genera uno sfondo procedurale monocromatico con dithering ordinato e pixel visibili, formando masse simili a onde o nuvole per accompagnare contenuti e interfacce scure.
Claude + altri agentiIntermedioGratuitaIngleseFacial Feature Analyzer
Analizza un’immagine e prepara prompt dettagliati per Midjourney, traducendo caratteristiche visive in istruzioni testuali utilizzabili per la generazione di immagini.
ChatGPTIntermedioGratuita (account ChatGPT)IngleseFLUX Prompt Pro
Crea prompt dettagliati in inglese per FLUX.1 e altri modelli di generazione di immagini, descrivendo scene cinematografiche, immagini fotorealistiche e design di personaggi.
ChatGPTIntermedioGratuita (account ChatGPT)IngleseFLUX Prompt Wizard 🪄
Crea prompt creativi e dettagliati per FLUX.1 a partire dalla richiesta dell’utente, fornendo istruzioni testuali per generare immagini.
ChatGPTIntermedioGratuita (account ChatGPT)Inglesegenerate-image
Genera immagini, texture, icone, sprite, opere grafiche e mockup tramite modelli AI di OpenAI o Google Gemini, usando la chiave API del provider scelto.
Copilot + ClaudeBaseGratuitaInglesegenerate-image
Genera o modifica immagini con modelli AI tramite OpenRouter Image API, usando anche riferimenti per creare fotografie, illustrazioni, concept art, loghi e altre risorse visive.
Claude + altri agentiBaseGratuitaIngleseGlibatree Art Designer
Sviluppa un’idea artistica a partire dalla richiesta dell’utente e genera quattro immagini che la rappresentano.
ChatGPTBaseGratuita (account ChatGPT)IngleseHeadshot Pro
Trasforma fotografie in ritratti professionali per profili e personal branding, intervenendo su illuminazione, abbigliamento, capelli e sfondo e preservando i tratti del volto.
ChatGPTIntermedioGratuita (account ChatGPT)IngleseImage Analyzer
Descrive le immagini caricate dall’utente, individuandone gli elementi visivi e restituendo un resoconto accurato e dettagliato del contenuto.
ChatGPTBaseGratuita (account ChatGPT)IngleseImage Edit and img2img
Modifica immagini esistenti fornite dall’utente, le combina o applica trasformazioni come il trasferimento di stile e restituisce versioni elaborate o generate.
ChatGPTIntermedioGratuita (account ChatGPT)IngleseImage Editor
Esegue operazioni di base su una o più immagini, come ritaglio, ridimensionamento, rotazione e conversione di formato, e produce i file modificati.
ChatGPTBaseGratuita (account ChatGPT)Ingleseimage generator
Genera immagini a partire dalle idee e dalle richieste descritte dall’utente, trasformando le indicazioni testuali in contenuti visivi.
ChatGPTBaseGratuita (account ChatGPT)IngleseImage Generator GPT
Genera immagini a partire da testo o fotografie fornite dall’utente, producendo contenuti visivi in stili realistici, artistici o fantastici.
ChatGPTBaseGratuita (account ChatGPT)IngleseImage Prompt Generator
Crea prompt per Midjourney e altri generatori di immagini a partire da soggetto, azione e stile indicati dall’utente, con opzioni come fotorealismo, cinema e anime.
ChatGPTBaseGratuita (account ChatGPT)Ingleseimage-annotations
Aggiunge riquadri, frecce, etichette ed evidenziazioni colorate a screenshot, diagrammi e immagini; gestisce anche tempi e ritmo delle annotazioni nei GIF animati.
Copilot + ClaudeIntermedioGratuitaIngleseimage-enhancer
Migliora la qualità delle immagini, in particolare degli screenshot, aumentando risoluzione, nitidezza e chiarezza per prepararli a presentazioni, documentazione o social media.
CodexBaseGratuitaIngleseimage-enhancer
Migliora la qualità delle immagini, soprattutto degli screenshot, aumentandone risoluzione, nitidezza e chiarezza per l’uso in presentazioni, documentazione o post social.
Claude + altri agentiBaseGratuitaIngleseimage-manipulation-image-magick
Elabora immagini con ImageMagick, ridimensionando file, convertendo formati, recuperando metadati ed eseguendo operazioni in batch per miniature o adattamenti degli sfondi.
Copilot + ClaudeIntermedioGratuitaIngleseimage-to-code
Trasforma riferimenti visivi in siti web: genera immagini di design, le analizza e guida la realizzazione del codice necessario a riprodurne layout e dettagli.
Claude + altri agentiAvanzatoGratuitaIngleseimagegen
Genera o modifica immagini raster, come illustrazioni, texture, sprite, mockup e ritagli con sfondo trasparente, usando descrizioni testuali o riferimenti visivi forniti.
ChatGPT + CodexIntermedioGratuitaIngleseLeonardo AI Prompt Maker
Crea prompt dettagliati per Leonardo AI a partire dalle indicazioni strutturate dell’utente, organizzando le specifiche necessarie per generare immagini.
ChatGPTIntermedioGratuita (account ChatGPT)Inglesenano-banana-pro-openrouter
Genera o modifica immagini con Gemini 3 Pro Image tramite OpenRouter, combinando anche più immagini di riferimento e selezionando risoluzioni fino a 4K.
Copilot + ClaudeIntermedioGratuitaInglesePhoto Realistic Image and Video Generator
Genera immagini dall’aspetto realistico a partire da descrizioni testuali, producendo contenuti visivi realistici o stilizzati secondo le indicazioni ricevute.
ChatGPTBaseGratuita (account ChatGPT)Ingleseseo-image-gen
Genera immagini AI per attività SEO, come anteprime social, immagini hero, fotografie di prodotto, infografiche e immagini per dati strutturati. Richiede l’estensione banana e usa Gemini tramite nanobanana-mcp.
Solo ClaudeIntermedioGratuitaIngleseshaders-cursor-ripples
Aggiunge a un’immagine distorsioni fluide che seguono il cursore tramite i componenti ImageTexture e CursorRipples della libreria Shaders, per hero, gallerie e pannelli multimediali.
Claude + altri agentiAvanzatoGratuitaInglesestable-diffusion-image-generation
Guida la generazione e la modifica di immagini con Stable Diffusion e HuggingFace Diffusers, dalla creazione da testo alla trasformazione, all’inpainting e alla realizzazione di pipeline personalizzate.
Claude + altri agentiIntermedioGratuitaIngleseSuper Describe
Analizza un’immagine caricata e genera con DALL·E 3 un’immagine simile, restituendo anche il prompt dettagliato utilizzato per crearla.
ChatGPTIntermedioGratuita (account ChatGPT)Ingleseunsplash-asset-images
Seleziona immagini Unsplash in base alle esigenze di siti e prodotti e fornisce URL utilizzabili, con indicazioni su risoluzioni e proporzioni adatte all’impiego previsto.
Claude + altri agentiBaseGratuitaIngleseロMidjourney V7 - Photorealistic Image Prompts
Crea prompt fotorealistici per Midjourney a partire dalle indicazioni dell’utente, per generare immagini di persone e oggetti in ambiti come marketing, branding e pubblicità.
ChatGPTIntermedioGratuita (account ChatGPT)Inglese
Art direction e revisione visiva
24 skill
agency-grid-layout-minimal
Definisce un sistema grafico minimalista per agenzie, con griglia editoriale ordinata, titoli grandi, etichette essenziali e dettagli strutturali discreti.
Claude + altri agentiIntermedioGratuitaIngleseArchitecture AI
Fornisce consulenza visiva e contestuale su temi architettonici a partire dalle richieste dell’utente e lo indirizza verso AI Architect per approfondire il progetto.
ChatGPTIntermedioGratuita (account ChatGPT)Ingleseaudit-reference-originality
Confronta un sito o un’esperienza digitale con le fonti di riferimento, individua possibili somiglianze distintive e segnala criticità con evidenze, proponendo modifiche senza formulare conclusioni legali non supportate.
Claude + altri agentiAvanzatoGratuitaInglesecanva-design-feedback
Esamina un design Canva e restituisce suggerimenti pratici su gerarchia visiva, testi, impaginazione, spaziature, coerenza, leggibilità e accessibilità, senza modificarlo.
ChatGPT + CodexIntermedioGratuitaInglesecanvas-design
Crea opere grafiche originali, come poster e illustrazioni, e le esporta in PNG o PDF applicando principi di design senza copiare il lavoro di artisti esistenti.
CodexIntermedioGratuitaInglesecanvas-design
Realizza composizioni grafiche originali, come poster e immagini statiche, esportabili in PNG o PDF e basate su principi di design senza copiare artisti esistenti.
Claude + altri agentiIntermedioGratuitaIngleseCodexLabs – Designer
Offre a chi progetta un insieme di skill per Claude dedicate alla definizione di brief, portfolio, preventivi e gestione dei clienti.
Solo ClaudeIntermedioA pagamentoItalianoConsistent Character AI GPT by Neolemon.com
Guida la creazione di personaggi coerenti in pose, espressioni e ambientazioni diverse, aiutando l’utente a sviluppare varianti senza richiedere prompt iniziali.
ChatGPTBaseGratuita (account ChatGPT)Inglesedesign-everyday-things
Applica principi fondamentali del design, come affordance, feedback e prevenzione degli errori, per rendere prodotti e interfacce più comprensibili e facili da usare.
Claude + altri agentiIntermedioGratuitaInglesedesign-handoff
Trasforma un progetto grafico in specifiche per il passaggio allo sviluppo, documentando layout, token, proprietà dei componenti, stati, breakpoint responsive, casi limite e animazioni.
Solo ClaudeAvanzatoGratuitaInglesedesign-qa
Confronta un prototipo di product design o una realizzazione accessibile tramite URL o immagine con il risultato renderizzato, per verificarne la qualità prima della consegna.
ChatGPT + CodexIntermedioGratuitaIngleseeditorial-tech
Combina composizione editoriale e dettagli da prodotto tecnologico, impostando griglie asimmetriche, immagini cinematografiche, etichette tecniche monospazio e colori d’accento misurati.
Claude + altri agentiIntermedioGratuitaInglesefundraising-landing-design
Guida la progettazione di landing page per raccolte fondi del non profit italiano, definendo layout, colori, tipografia, immagini, moduli, fiducia, accessibilità e prestazioni per pagine HTML/CSS, mockup, wireframe e temi web.
Claude + altri agentiAvanzatoGratuitaItalianoContesto italianoGraphic Designer
Fornisce indicazioni di direzione creativa e design per progetti di branding, stampa, digitale, UI/UX, packaging e illustrazione, adattandole ai diversi formati visivi.
ChatGPTAvanzatoGratuita (account ChatGPT)Inglesehallmark
Aiuta a progettare, verificare o ridisegnare pagine e applicazioni a partire anche da URL o schermate, con attenzione a evitare soluzioni visive generiche.
Claude + altri agentiIntermedioGratuitaInglesehigh-contrast-skeuomorphic-clean
Definisce un sistema grafico skeuomorfico ad alto contrasto, caratterizzato da superfici scure, profondità tattile e accenti visivi contenuti.
Claude + altri agentiIntermedioGratuitaIngleseideate
Genera alternative visive, rielaborazioni e nuove direzioni di design a partire da un brief di product design, aiutando a esplorare possibili soluzioni progettuali.
ChatGPT + CodexIntermedioGratuitaIngleseimage
Crea, modifica e ottimizza immagini per attività di marketing, producendo grafiche social, mockup di prodotto, banner e risorse visive per i marchi.
Claude + altri agentiIntermedioGratuitaIngleseinteraction-design
Progetta e implementa microinterazioni, animazioni, transizioni e feedback visivi, rifinendo gli stati di caricamento per rendere più curata l’esperienza d’uso.
Claude + altri agentiIntermedioGratuitaInglesemobile-android-design
Progetta interfacce Android native secondo Material Design 3 e supporta l’implementazione della UI con Jetpack Compose, aiutando a rispettare le linee guida di design di Google.
Claude + altri agentiIntermedioGratuitaInglesepenpot-uiux-design
Supporta la creazione e la revisione in Penpot di interfacce web, mobile e desktop, sistemi di design, componenti, dashboard e moduli, applicando principi di accessibilità e linee guida delle piattaforme.
Copilot + ClaudeIntermedioGratuitaInglesesteve-jobs-design-review
Esamina design, prodotti e funzionalità per ridurne la complessità e concentrarli sull’essenziale, valutando l’esperienza complessiva dalla prima configurazione all’uso quotidiano.
Claude + altri agentiIntermedioGratuitaIngleseTattoo GPT
Aiuta a definire idee per tatuaggi, suggerisce disegni e genera anteprime visive personalizzabili, offrendo anche indicazioni per trovare tatuatori e curare il tatuaggio successivamente.
ChatGPTIntermedioGratuita (account ChatGPT)Inglesevisual-design-foundations
Applica principi di tipografia, colore, spaziatura e iconografia per creare interfacce coerenti, supportando la definizione di design token e guide di stile.
Claude + altri agentiIntermedioGratuitaInglese
Illustrazioni e grafica vettoriale
24 skill
adobe-illustrator-scripting
Scrive, corregge e ottimizza script ExtendScript per automatizzare in Adobe Illustrator la gestione di documenti, livelli, tracciati, testi, tavole da disegno ed esportazioni.
Copilot + ClaudeAvanzatoGratuitaInglesealgorithmic-art
Crea arte generativa con p5.js usando casualità con seed e controlli interattivi dei parametri; produce opere originali, ad esempio flow field e sistemi di particelle.
Solo ClaudeIntermedioGratuitaIngleseart-bible
Redige una Art Bible che definisce l’identità visiva di un progetto e fornisce un riferimento condiviso da consultare prima di produrre gli asset.
Solo ClaudeIntermedioGratuitaInglesecanvas-design
Crea opere visive originali, come poster e illustrazioni, in formato PNG o PDF, applicando principi di composizione e design senza copiare lo stile di artisti esistenti.
Solo ClaudeIntermedioGratuitaInglesedesign-taste-frontend
Definisce la direzione artistica e la struttura di siti web e landing page, quindi guida l’implementazione e la revisione visiva attraverso screenshot e controlli nel browser.
Claude + altri agentiAvanzatoGratuitaInglesedesign-taste-frontend-v1
Applica la versione originale v1 di taste-skill per progettare o rifinire pagine web, mantenendone il comportamento per favorire la compatibilità con progetti esistenti.
Claude + altri agentiAvanzatoGratuitaInglesedesign-taste-frontend-v2-experimental
Applica la versione sperimentale v2 di taste-skill per progettare landing page e portfolio o realizzare restyling, usando controlli preliminari e una revisione basata su audit.
Claude + altri agentiAvanzatoGratuitaInglesegooey-blob-system
Crea forme organiche che si fondono e si separano con filtri SVG, combinando sfocatura, sogliatura e movimento fluido per produrre un sistema di blob animati.
Claude + altri agentiIntermedioGratuitaIngleseillustration-bold-pop
Crea illustrazioni SVG originali in stile pop-geometrico, con contorni marcati, colori vivaci, ombre estruse e oggetti sovrapposti; può rappresentare scene legate a design e programmazione.
Claude + altri agentiIntermedioGratuitaIngleseillustration-flat
Disegna illustrazioni vettoriali piatte in formato SVG con personaggi stilizzati, pose e oggetti legati a un tema di design o programmazione, seguendo indicazioni su palette, proporzioni, dettagli e composizione.
Claude + altri agentiIntermedioGratuitaIngleseillustration-flat-with-black
Disegna illustrazioni vettoriali piatte con figure slanciate, grandi forme nere e pochi colori vivaci, rappresentando soggetti legati al design e alla programmazione.
Claude + altri agentiIntermedioGratuitaIngleseillustration-framed-panel
Crea scene originali in SVG nello stile di una vignetta incorniciata, con personaggi, computer ed elementi d’interfaccia disposti su fondi pastello.
Claude + altri agentiIntermedioGratuitaIngleseillustration-grainy-gouache
Disegna scene SVG accoglienti con animali in stile gouache granuloso, usando forme morbide, sfumature, grana e una palette rosa e viola.
Claude + altri agentiIntermedioGratuitaIngleseillustration-halftone-line
Disegna illustrazioni SVG in bianco e nero con contorni aperti, tratteggio a mezzatinta e figure impegnate in attività di design o programmazione.
Claude + altri agentiIntermedioGratuitaIngleseillustration-ink-sketch
Crea illustrazioni SVG di creature e oggetti animati in stile disegnato a mano, con contorni a inchiostro, campiture ad acquerello e dettagli a tratteggio.
Claude + altri agentiIntermedioGratuitaIngleseillustration-isometric-mono
Crea diorami isometrici SVG monocromatici di spazi di lavoro per progetti di design e sviluppo, rappresentando oggetti dettagliati con volumi sfaccettati e ombreggiature verdi.
Claude + altri agentiIntermedioGratuitaIngleseillustration-line-interior
Crea illustrazioni SVG originali in stile Line interior, raffigurando ambienti ariosi e persone al lavoro con contorni indaco sottili e pochi accenti cromatici.
Claude + altri agentiIntermedioGratuitaIngleseillustration-one-line
Disegna illustrazioni SVG originali in stile one-line, usando linee continue per figure in movimento e campiture colorate dall’aspetto stampato fuori registro, con indicazioni per forme, pose e composizione.
Claude + altri agentiIntermedioGratuitaIngleseillustration-outlined-cartoon
Crea illustrazioni SVG originali in stile cartoon delineato, con personaggi espressivi, campiture piatte, contorni scuri ed elementi decorativi.
Claude + altri agentiIntermedioGratuitaIngleseillustration-teal-spot
Crea illustrazioni SVG di singoli oggetti in stile teal su bianco, con prospettiva obliqua, contorni sottili, ombra netta ed elementi decorativi, senza includere persone.
Claude + altri agentiIntermedioGratuitaIngleseillustration-two-colour-brush
Crea illustrazioni SVG originali di scene legate al design e alla programmazione, usando due colori e un tratto da pennarello.
Claude + altri agentiIntermedioGratuitaIngleseillustration-vintage-emblem
Realizza illustrazioni SVG originali in stile emblema vintage, combinando una palette da stampa serigrafica, un soggetto centrale dai contorni marcati e una composizione a distintivo.
Claude + altri agentiIntermedioGratuitaIngleseios-icon-gen
Genera immagini PNG per icone di app iOS e imageset per i cataloghi di asset Xcode; consente di usare SF Symbols o icone open source tramite Iconify e di cercare icone adatte.
Solo ClaudeIntermedioGratuitaInglesesolar-duotone-bold
Applica alle icone lo stile Solar Duotone Bold di Iconify, trasformandone l’aspetto secondo le caratteristiche visive di questo stile.
Claude + altri agentiBaseGratuitaInglese
Siti web e landing page
23 skill
adobe-design-from-template
Crea progetti grafici a partire dai modelli di Adobe Express, producendo volantini, poster, contenuti social, presentazioni, curriculum, inviti e materiali promozionali.
ChatGPT + CodexBaseGratuitaIngleseAi logo generator
Aiuta a realizzare siti web e app per dispositivi mobili con un design personalizzato, fornendo un supporto pratico alla definizione delle interfacce.
ChatGPTIntermedioGratuita (account ChatGPT)Inglesebuild-awwwards-quality-sites
Progetta e realizza siti web di marketing, editoriali e portfolio con direzione artistica distintiva, animazioni e immagini originali, curando accessibilità e prestazioni.
Claude + altri agentiAvanzatoGratuitaInglesebuild-daily-inspiration-sites
Trasforma una raccolta giornaliera di riferimenti UI in esattamente cinque landing page originali, ciascuna come attività separata, modificando marchi, testi, dati e immagini rispetto alle fonti.
Claude + altri agentiIntermedioGratuitaInglesecinematic-scroll-storytelling
Realizza landing page narrative a partire da contenuti e obiettivi di comunicazione, coordinando scorrimento cinematografico, animazioni sincronizzate, testi dinamici, schede adesive e transizioni tra sezioni.
Claude + altri agentiAvanzatoGratuitaInglesecontainer-lines
Aggiunge linee verticali e piccoli quadrati agli angoli dei contenitori di una pagina web, rendendo più leggibili i limiti e più misurabili e strutturati i layout.
Claude + altri agentiBaseGratuitaInglesedocumentary-brutalist-agency
Progetta siti per agenzie, studi e portfolio, combinando tipografia marcata, griglie visibili, collage documentaristici e navigazione brutalista; include controlli FAQ accessibili.
Claude + altri agentiAvanzatoGratuitaIngleseeditorial-portfolio-chapters
Organizza i progetti di studi creativi, agenzie e portfolio in capitoli editoriali, producendo siti nuovi o ridisegnati con immagini a piena pagina e tipografia d’impatto.
Claude + altri agentiAvanzatoGratuitaIngleseeditorial-service-booking
Progetta o rinnova siti per servizi su appuntamento, traducendo identità e trattamenti in un’esperienza editoriale con prenotazioni legate alla sede e stati operativi chiari e affidabili.
Claude + altri agentiIntermedioGratuitaIngleseepic-design
Progetta siti web interattivi con estetica cinematografica e profondità 2.5D, usando animazioni legate allo scorrimento, parallasse, sezioni sovrapposte ed effetti visivi per esperienze immersive.
Claude + altri agentiAvanzatoGratuitaIngleseframed-grid-layout
Crea layout web con griglie incorniciate, bordi sottili, angoli a staffa e allineamenti rigorosi, per ottenere pagine ordinate dall’aspetto essenziale, tecnico o editoriale.
Claude + altri agentiIntermedioGratuitaInglesehigh-end-visual-design
Definisce criteri di design per siti web professionali, specificando tipografia, spaziature, ombre, componenti e animazioni, e indicando come evitare soluzioni visive generiche.
Claude + altri agentiIntermedioGratuitaInglesehtml-to-interaction-prompts
Analizza una pagina HTML per estrarne esempi di interazioni e animazioni, quindi li organizza in un articolo con prompt riutilizzabili e screenshot; può preparare e registrare gli asset risultanti.
Claude + altri agentiIntermedioGratuitaIngleseimagegen-frontend-web
Genera immagini di riferimento separate per le sezioni di un sito, definendo composizioni, palette e direzione visiva per landing page e pagine di marketing.
Claude + altri agentiIntermedioGratuitaIngleseMaster Chef Cooking, Food&Recipes, Nutrition, Diet
Aiuta a creare siti web aziendali professionali e fornisce indicazioni pratiche per gestire attività d’impresa e comunicarne la presenza online.
ChatGPTIntermedioGratuita (account ChatGPT)Ingleseproduct-proof-saas
Progetta o riprogetta landing page per prodotti SaaS e AI, mettendo in evidenza dimostrazioni concrete del prodotto o del flusso di lavoro e organizzando interfaccia, funzionalità, prezzi e FAQ.
Claude + altri agentiIntermedioGratuitaIngleserefactoring-ui
Individua problemi di gerarchia visiva, spaziatura, colori e profondità nelle interfacce web e propone miglioramenti, scale visive, temi scuri e stili coerenti per i componenti.
Claude + altri agentiIntermedioGratuitaIngleseSiti
Genera un sito a partire dalla descrizione di un brand, realizzando testi ed effetti visivi senza richiedere la scrittura di codice o l’intervento di programmatori.
Solo ClaudeIntermedioA pagamentoItalianoTemplate Elementor
Genera template per Elementor pronti da importare, come hero, pricing e footer, impostandoli con colori e font del brand senza richiedere la scrittura di codice.
Solo ClaudeIntermedioA pagamentoItalianotop-design
Guida la creazione di esperienze web immersive, suggerendo tipografia d’impatto, animazioni di scorrimento e composizioni visive curate, con attenzione alle prestazioni delle animazioni.
Claude + altri agentiAvanzatoGratuitaIngleseui-screenshots
Acquisisce schermate di applicazioni web durante lo sviluppo usando Playwright e PIL, supportando pagine intere, stati interattivi e ritagli iterativi senza ripetere le acquisizioni.
Copilot + ClaudeIntermedioGratuitaIngleseweb-design-reviewer
Esamina visivamente siti web locali o remoti per individuare problemi di layout, responsività, accessibilità e coerenza grafica, e può correggerli intervenendo sul codice sorgente.
Copilot + ClaudeIntermedioGratuitaIngleseweb-typography
Seleziona e abbina caratteri tipografici per siti web, valutandone leggibilità e gerarchia, e fornisce indicazioni su tipografia responsive, implementazione CSS e ottimizzazione del caricamento dei font.
Claude + altri agentiIntermedioGratuitaInglese
Brand, loghi e identità visiva
19 skill
adobe-create-mockups
Genera mockup con Adobe Firefly per mostrare loghi, design o schizzi applicati a prodotti e ambientazioni, come abbigliamento, poster e schermi.
ChatGPT + CodexBaseGratuitaIngleseBanner & cover
Genera banner per YouTube, LinkedIn e Spotify nelle dimensioni richieste, utilizzando la palette e il logo del brand indicati dall’utente.
Solo ClaudeBaseA pagamentoItalianobook-serif-index
Progetta un sistema visivo per lettori di libri d’archivio, combinando pagine serif, navigazione monospaziata, carta invecchiata, note a margine e cornici da catalogo.
Claude + altri agentiIntermedioGratuitaInglesebrand-guidelines
Definisce, documenta e applica linee guida di marca relative a colori, tipografia, logo, immagini e tono di voce, per mantenere coerenti i materiali visivi e comunicativi.
Claude + altri agentiIntermedioGratuitaInglesebrand-guidelines
Applica le linee guida ufficiali Anthropic su colori, caratteri e stile visivo agli artefatti e ai materiali che devono rispettare l’identità del marchio.
Solo ClaudeBaseGratuitaInglesebrand-guidelines
Applica colori, tipografia e linee guida visive OpenAI a contenuti e artefatti, per renderne l’aspetto coerente con il brand Codex/OpenAI.
CodexBaseGratuitaInglesebrand-guidelines
Applica agli artefatti i colori, la tipografia e le linee guida visive ufficiali Anthropic, uniformando la formattazione quando occorre rispettare l’identità del marchio.
Claude + altri agentiBaseGratuitaInglesebrand-identity
Definisce e applica l’identità visiva di un brand, includendo logo, palette, tipografia e direzione delle immagini, e aiuta a mantenere coerenza tra prodotto e marketing.
Claude + altri agentiIntermedioGratuitaInglesebrand-style
Definisce o aggiorna lo stile del brand e le preferenze di formato per pagine e documenti, mostra un’anteprima e salva le scelte nel profilo aziendale.
Solo ClaudeBaseGratuitaInglesebrandkit
Crea presentazioni visive di identità di marca che raccolgono concept di logo, linee guida, mockup e immagini coordinate, per illustrare un sistema visivo unitario.
Claude + altri agentiAvanzatoGratuitaInglesecanva-brand-check
Esamina un design Canva rispetto alle linee guida del brand e segnala differenze nei colori, nei font, nell’uso del logo e nel tono dei testi, senza modificare il progetto.
ChatGPT + CodexIntermedioGratuitaInglesedesign
Progetta identità di brand e sistemi visivi, creando loghi, banner, icone, mockup e contenuti social; realizza anche presentazioni e programmi di identità aziendale con diversi stili e strumenti visivi.
Solo ClaudeAvanzatoGratuitaInglesegenerate-reference-inspired-brand-worlds
Elabora concept originali per campagne e identità di marca a partire da riferimenti visivi, controllando la somiglianza ed evitando di copiare elementi distintivi protetti.
Claude + altri agentiIntermedioGratuitaIngleseLOGO
Assiste nella progettazione di loghi e nella definizione dell’identità visiva di un marchio, aiutando a sviluppare elementi grafici coerenti con la sua immagine.
ChatGPTAvanzatoGratuita (account ChatGPT)IngleseLOGO
Genera loghi a partire dalle indicazioni dell’utente, traducendo le richieste in proposte visive utilizzabili come base per definire o sviluppare un’identità di marca.
ChatGPTBaseGratuita (account ChatGPT)IngleseLOGO
Genera diverse proposte di logo e consente di iterare sulle varianti, così da affinare progressivamente il risultato in base alle indicazioni dell’utente.
ChatGPTBaseGratuita (account ChatGPT)Ingleselogo-design
Guida la progettazione di loghi e marchi dal brief alla consegna, supportando la creazione e la verifica di varianti SVG, colori e tipografia, con prove di leggibilità e presentazione al cliente.
Claude + altri agentiAvanzatoGratuitaInglesenumber-details
Aggiunge marcatori numerici decorativi, come 01, 02 e 03, a interfacce o composizioni visive per organizzare o valorizzare gli elementi grafici.
Claude + altri agentiBaseGratuitaInglesescroll-world-storytelling
Trasforma articoli, storie di marca o percorsi di prodotto in pagine narrative animate dallo scorrimento, realizzate con video, Three.js oppure HTML e SVG semantici.
Claude + altri agentiAvanzatoGratuitaInglese
Animazioni ed effetti visivi
18 skill
add-shader-cursor-trail
Implementa un effetto cursore WebGPU con scia a mezzitoni, scintillii, increspature cromatiche e grana. Fornisce protezioni e alternative per dispositivi touch, accessibilità, rendering lato server e prestazioni.
Claude + altri agentiAvanzatoGratuitaIngleseanimation-systems
Aiuta a progettare e implementare animazioni web definendo principi di movimento, durate, transizioni e interazioni. Include criteri per valutare accessibilità e prestazioni.
Claude + altri agentiAvanzatoGratuitaInglesebackground-grid-webgl
Realizza uno sfondo WebGL con griglia prospettica, linee sfumate, particelle leggere, deriva lenta e parallasse della camera, per aggiungere profondità atmosferica a una scena web.
Claude + altri agentiAvanzatoGratuitaInglesebright-green-tech-system-webgl
Definisce un sistema grafico tecnico verde brillante con layout divisi, superfici scure incorniciate, etichette monospaziate e un’area WebGL in evidenza.
Claude + altri agentiIntermedioGratuitaInglesecorner-lasers
Crea una composizione di fasci laser ancorati agli angoli, con emettitore luminoso, bloom e bagliore o foschia atmosferica, per realizzare un effetto visivo nella scena.
Claude + altri agentiIntermedioGratuitaInglesefigma-use-motion
Guida la creazione, la modifica e l’ispezione di animazioni in Figma tramite lo strumento use_figma. Spiega come intervenire su keyframe, stili di animazione, easing e durata della timeline.
ChatGPT + CodexIntermedioGratuitaIngleseglobe-particles
Realizza una visualizzazione 3D a forma di globo composta da un nucleo luminoso di particelle e da anelli o dischi orbitali, utilizzando WebGL o Three.js.
Claude + altri agentiAvanzatoGratuitaInglesegpt-taste
Progetta interfacce e animazioni web applicando una struttura AIDA e indicazioni su variazione dei layout e griglie. Include animazioni realizzate con GSAP e ScrollTrigger.
Claude + altri agentiAvanzatoGratuitaInglesemasked-reveal
Crea animazioni tipografiche in cui le parole dei titoli appaiono in sequenza attraverso una maschera mentre entrano nella schermata. Usa GSAP ScrollTrigger per attivare la rivelazione durante lo scorrimento.
Claude + altri agentiIntermedioGratuitaInglesemotion-advanced
Aiuta a realizzare animazioni avanzate in React e Next.js, sviluppando interazioni come drag and drop, gesti, animazioni di testo e SVG e sequenze imperative.
Solo ClaudeAvanzatoGratuitaInglesemotion-foundations
Definisce token, preset di animazione e regole per prestazioni, accessibilità e compatibilità SSR nell’uso di motion/react con React e Next.js.
Solo ClaudeAvanzatoGratuitaInglesemotion-patterns
Propone modelli di animazione pronti per la produzione in React e Next.js, applicabili a pulsanti, modali, toast, transizioni e contenuti che appaiono durante lo scorrimento.
Solo ClaudeIntermedioGratuitaInglesepaper-cinder-transition
Crea una transizione tra pagine o scene simile a una bruciatura su carta, con bordo incandescente e carbone che rivela la scena successiva. Fornisce indicazioni su animazione, prestazioni e movimento ridotto.
Claude + altri agentiAvanzatoGratuitaInglesereveal-hover-effect
Crea un effetto hover che rivela un’immagine sovrapposta tramite una maschera radiale morbida. Propone un effetto adatto a confronti prima e dopo e alla visualizzazione di colori, materiali o texture.
Claude + altri agentiIntermedioGratuitaInglesestaggered-word-reveal
Crea animazioni editoriali in cui le parole appaiono in sequenza con dissolvenza e movimento verso l’alto quando entrano nell’area visibile. Le applica a titoli, testi introduttivi e brevi contenuti promozionali.
Claude + altri agentiIntermedioGratuitaInglesewebgl-3d-object
Crea un oggetto 3D WebGL con geometria reale, materiali, illuminazione, prospettiva e movimento sottile, da usare come elemento visivo principale di una pagina o di un prodotto.
Claude + altri agentiAvanzatoGratuitaInglesewebgl-landing-steering
Aiuta a creare o perfezionare landing page ricche di WebGL, guidando le scelte visive e bilanciando impatto, chiarezza orientata alla conversione, prestazioni e complessità di implementazione.
Claude + altri agentiAvanzatoGratuitaInglesewebgl-laser
Realizza uno sfondo laser a schermo intero in WebGL, con un fascio luminoso, alone colorato e foschia. Si concentra su questo effetto visivo specifico, non sulla progettazione generale di pagine o animazioni.
Claude + altri agentiIntermedioGratuitaInglese
Diagrammi e infografiche
16 skill
archify
Crea diagrammi esplorabili in HTML con SVG incorporato a partire da requisiti in linguaggio naturale o Mermaid, anche usando evidenze del repository, ed esporta il risultato in immagini, SVG o WebM.
Claude + altri agentiIntermedioGratuitaInglesebanner-design
Progetta banner per social, annunci, siti web ed editoria, proponendo direzioni artistiche e stili diversi; può usare immagini fornite o generate e adattare i contenuti alle piattaforme indicate.
Solo ClaudeIntermedioGratuitaInglesediagram-design
Progetta diagrammi e visualizzazioni per architetture, processi, dati, organizzazioni e pianificazione, scegliendo tra formati come diagrammi di flusso, mappe, grafici, organigrammi e roadmap.
Claude + altri agentiAvanzatoGratuitaInglesedraw-io-diagram-generator
Crea o modifica diagrammi draw.io, tra cui flowchart, architetture, diagrammi UML, ER e topologie di rete, producendo file pronti per essere aperti nell’applicazione.
Copilot + ClaudeIntermedioGratuitaInglesedrawio
Crea diagrammi draw.io in formato `.drawio` ed esporta il risultato in PNG, SVG o PDF, includendo nel file il relativo XML incorporato.
Copilot + ClaudeIntermedioGratuitaInglesedrawio-skill
Crea e modifica diagrammi draw.io editabili per architetture, UML, ERD, sequenze, BPMN e reti; può generarli da descrizioni o convertirli da codice, IaC, SQL e schemi API.
Claude + altri agentiIntermedioGratuitaIngleseexcalidraw-diagram-generator
Converte descrizioni testuali in diagrammi Excalidraw, come diagrammi di flusso, mappe mentali e architetture di sistema, fornendo file JSON apribili nell’applicazione.
Copilot + ClaudeBaseGratuitaInglesefigma-generate-diagram
Prepara la generazione in FigJam di diagrammi di flusso, architetture, sequenze, ERD, stati e timeline, oltre a schemi relativi a sistemi o processi.
ChatGPT + CodexIntermedioGratuitaIngleseinfographics
Crea o revisiona infografiche usando dati forniti dall’utente o ricerche facoltative, proponendo layout e stili per statistiche, confronti, sequenze temporali, processi e spiegazioni.
Claude + altri agentiIntermedioGratuitaIngleselegacy-circuit-mockups
Crea con HTML Canvas mockup e diagrammi visivi di circuiti su breadboard, includendo componenti elettronici e progetti ispirati ai computer rétro.
Copilot + ClaudeIntermedioGratuitaInglesepptx-posters
Crea e controlla poster scientifici modificabili in PowerPoint a partire da contenuti e risorse approvati dagli autori, verificando dimensioni di stampa, accessibilità, provenienza e sicurezza del file.
Claude + altri agentiIntermedioGratuitaInglesescientific-schematics
Genera bozze di diagrammi scientifici, tra cui architetture di reti neurali, schemi di sistemi e percorsi biologici, e le perfeziona sulla base di una revisione automatica.
Claude + altri agentiIntermedioGratuitaInglesetheme-factory
Applica a presentazioni, documenti, report e pagine HTML uno dei dieci temi grafici disponibili oppure un tema personalizzato, coordinando colori e caratteri tra gli artefatti.
Solo ClaudeBaseGratuitaInglesetheme-factory
Applica temi predefiniti o personalizzati a presentazioni, documenti, report e pagine HTML, definendo combinazioni coerenti di colori e caratteri per i diversi artefatti.
CodexBaseGratuitaInglesetheme-factory
Seleziona temi predefiniti o ne crea di nuovi per uniformare colori e caratteri di slide, documenti, report e pagine HTML, mantenendo coerente l’aspetto dei diversi artefatti.
Claude + altri agentiBaseGratuitaIngleseWhimsical Diagrams
Rappresenta concetti descritti dall’utente con diagrammi di flusso, mappe mentali e diagrammi di sequenza, rendendo le informazioni più facili da comprendere visivamente.
ChatGPTBaseGratuita (account ChatGPT)Inglese
Accessibilità
8 skill
accessibility
Verifica e migliora l’accessibilità di siti web secondo le linee guida WCAG 2.2, controllando il supporto ai lettori di schermo e la navigazione da tastiera.
Claude + altri agentiIntermedioGratuitaIngleseaccessibility
Aiuta a progettare, implementare e verificare interfacce accessibili per web, iOS e Android secondo WCAG 2.2 AA. Fornisce indicazioni su ruoli, etichette, gestione del focus, contrasto, navigazione da tastiera e supporto agli screen reader.
Solo ClaudeAvanzatoGratuitaIngleseaccessibility-and-inclusive-visualization
Rende accessibili le visualizzazioni di dati, indicando come predisporre alternative testuali, contrasto adeguato, uso dei colori, navigazione da tastiera e movimento ridotto. Propone controlli di qualità per verificare i risultati.
ChatGPT + CodexIntermedioGratuitaIngleseaccessibility-compliance
Aiuta a progettare e verificare interfacce web conformi a WCAG 2.2, proponendo pattern ARIA e indicazioni per le tecnologie assistive. Considera anche l’accessibilità mobile e i principi di design inclusivo.
Claude + altri agentiAvanzatoGratuitaIngleseaccessibility-review
Verifica design e pagine rispetto ai criteri WCAG 2.1 AA, individuando problemi di contrasto, navigazione da tastiera, dimensioni dei comandi e comportamento degli screen reader.
Solo ClaudeAvanzatoGratuitaInglesescreen-reader-testing
Supporta i test di applicazioni web con VoiceOver, NVDA e JAWS, aiutando a individuare problemi di accessibilità e a verificare la compatibilità dell’interfaccia con gli screen reader.
Claude + altri agentiIntermedioGratuitaIngleseverifica-accessibilita-dichiarazione-agid
Supporta la verifica metodologica dell’accessibilità di siti, app, software e documenti e la predisposizione o il rinnovo della dichiarazione di accessibilità. Non esegue audit tecnici WCAG o EN 301549.
Claude + altri agentiIntermedioGratuitaItalianoContesto italianowcag-audit-patterns
Esegue verifiche di accessibilità secondo WCAG 2.2 combinando test automatizzati e controlli manuali. Individua violazioni e suggerisce correzioni e modelli di progettazione accessibili.
Claude + altri agentiAvanzatoGratuitaInglese
Presentazioni e slide
8 skill
canva-branded-presentation
Crea presentazioni coordinate con il brand in Canva a partire da un brief, un outline o un design esistente, identificato anche tramite nome, ID o link.
ChatGPT + CodexBaseGratuitaInglesefigma-use-slides
Fornisce indicazioni per usare lo strumento MCP use_figma nell’ambiente Slides di Figma e può affiancare la guida generale all’utilizzo dello strumento.
ChatGPT + CodexIntermedioGratuitaInglesefrontend-slides
Crea presentazioni HTML animate da zero oppure converte file PowerPoint in presentazioni web, aiutando a definire uno stile visivo adatto al contenuto.
Solo ClaudeIntermedioGratuitaInglesefrontend-slides
Crea presentazioni HTML animate o converte file PowerPoint in presentazioni web, aiutando a esplorare e definire lo stile visivo per slide, interventi e pitch.
Claude + altri agentiIntermedioGratuitaInglesepresentation-creator
Crea presentazioni basate sui dati con React, Vite e Recharts, generando un’app con slide, grafici e animazioni, esportabile come file HTML autonomo e con branding Sentry.
Claude + altri agentiIntermedioGratuitaInglesepresentation-design
Progetta o riorganizza presentazioni e documenti di sintesi, strutturando argomentazioni, titoli e grafici per comunicare con chiarezza messaggi destinati a pitch, riunioni del consiglio o conferenze.
Claude + altri agentiIntermedioGratuitaIngleseproduce
Crea, esplora, adatta, rifinisce o revisiona contenuti visivi, tra cui campagne, annunci, post social, immagini di prodotto, loghi, sistemi di marca, grafici e presentazioni.
ChatGPT + CodexIntermedioGratuitaInglesevisualization-strategy-and-critique
Aiuta a scegliere, comporre e valutare visualizzazioni, dashboard e diagrammi, offrendo indicazioni su layout, interazioni, mappe, storytelling e rappresentazioni visive di esempio.
ChatGPT + CodexIntermedioGratuitaInglese
Altri temi
5 skill
intake
Avvia un flusso di Creative Production quando manca una richiesta concreta, illustrando le opzioni disponibili o raccogliendo il contesto necessario per individuare il percorso adatto.
ChatGPT + CodexBaseGratuitaInglesemarquee-loop
Aggiunge caroselli a scorrimento continuo a una pagina, duplicando gli elementi per creare un ciclo fluido e senza interruzioni tra la fine e l’inizio.
Claude + altri agentiBaseGratuitaInglesePersonal Color Analysis
Analizza i colori personali indicati o mostrati dalla persona e individua quelli che risultano più adatti, fornendo un supporto per la scelta cromatica individuale.
ChatGPTBaseGratuita (account ChatGPT)Ingleseunity-inspector
Fornisce consigli per migliorare l’esperienza di authoring e l’usabilità dell’Inspector di Unity, aiutando a valutare e affinare le interfacce usate durante il lavoro nell’editor.
Claude + altri agentiIntermedioGratuitaIngleseuser-research
Pianifica, conduce e sintetizza la ricerca sugli utenti, preparando piani di ricerca, guide per interviste, test di usabilità, questionari e domande di ricerca.
Solo ClaudeIntermedioGratuitaInglese
Dati aggiornati al 14 ottobre 2026. MondoSkills è un archivio di skill pubblicate da altri: leggi le avvertenze.