Mockup interattivi di prodotti — dashboard, app, landing page, strumenti interni. Qualsiasi cosa che mostreresti a uno stakeholder e per cui faresti click attraverso.
prototipo Leggi il prompt completo → Landing page scura e premium per un portfolio da creator 3D: un hero a tutto schermo con titolo in gradiente e un ritratto 3D magnetico che segue il mouse, un marquee orizzontale di immagini guidato dallo scroll, una sezione About con decorazioni 3D agli angoli e testo rivelato carattere per carattere allo scroll, un elenco di servizi su sfondo bianco e card di progetto che si impilano rimpicciolendosi allo scroll.
prototipo Leggi il prompt completo → Landing page premium per l'agricoltura di precisione: sezioni alternate scure e chiare, uno sfondo video hero a tutto schermo, una griglia di statistiche animata, un marquee di loghi infinito e card di servizio con immagini di sfondo.
prototipo Leggi il prompt completo → Sito di marketing premium, cinematografico e guidato dallo scroll per la propulsione aerospaziale: un hero con gradiente dal blu al bianco caldo con wordmark in parallasse e fermo immagine del motore, una miniatura di missione che cresce fino a un video sticky a tutto schermo, una vetrina a schede ancorata, una griglia di capacità bento con card video in loop e un marquee di strumenti, un grafico di statistiche scuro animato, un binario orizzontale di video-storie e un footer a campo stellato.
prototipo Leggi il prompt completo → Landing page premium su sfondo bianco per uno studio creativo: hero con accento serif, marquee GIF infinito, testimonianza in parallasse, prezzi a due card, carosello di testimonianze a scorrimento automatico, vetrina verticale dei progetti, una CTA partner con scia del mouse e una barra di navigazione inferiore flottante fissa.
prototipo Leggi il prompt completo → Articolo lungo / post del blog — con testata, segnaposto per immagine hero, corpo dell'articolo con figure e citazioni in evidenza, firma dell'autore, post correlati. Da usare quando il brief richiede 'blog', 'articolo', 'post', 'saggio' o 'caso studio'.
prototipo Leggi il prompt completo → Landing page B2B cinematografica premium guidata da GSAP: un hero con slider video a tutto schermo guidato dallo scroll con transizioni clip-path a ellisse, titoli rivelati carattere per carattere con SplitText, una galleria prodotti masonry, testo di presentazione rivelato allo scroll, una marquee di partner, card funzionalità Lottie e un footer multi-ufficio.
prototipo Leggi il prompt completo → Presentazione strutturata di casi medici per visite, conferenze e documentazione. Genera referti in formato SOAP o narrativo con parametri vitali fisiologicamente accurati, esami di laboratorio e piani basati sull'evidenza.
prototipo Leggi il prompt completo → Hero premium, scuro e cinematografico per una piattaforma di apprendimento del coding: video di sfondo HLS a tutto schermo, una card liquid-glass, tipografia maiuscola con accento verde, bagliore centrale, linee griglia su desktop e un menu hamburger mobile funzionante.
prototipo Leggi il prompt completo → Trasforma un articolo lungo, thread, memo o descrizione di prodotto in una mappa delle capacità interattiva stile Codex con ciclo di workflow, matrice di casi d'uso e pannello dettagli responsive.
prototipo Leggi il prompt completo → Esegue una revisione esperta del design a 5 dimensioni su qualsiasi artefatto HTML nel progetto — Filosofia/Gerarchia visiva/Dettagli/Funzionalità/Innovazione, ciascuna valutata da 0 a 10. Genera un report HTML autonomo con grafico radar, punteggi documentati e tre liste: Mantenere/Correggere/Vittorie rapide.
prototipo Leggi il prompt completo → Dashboard amministrativa e analitica in un singolo file HTML. Barra laterale sinistra fissa, barra superiore con utente/ricerca, griglia principale di schede KPI e grafici. Da usare per schermate di 'dashboard', 'admin', 'analytics' o 'pannello di controllo'.
prototipo Leggi il prompt completo → Dashboard per conferenze premium in liquid glassmorphism: due sfondi video a tutto schermo che si alternano in base al tema, una griglia di card 4×2 vetro/solide, indicatori dei partecipanti animati con onda vocale e una barra di controllo fluttuante.
prototipo Leggi il prompt completo → Trasforma dati CSV, Excel o JSON in una pagina di report visivo raffinato.
prototipo Leggi il prompt completo → Dashboard per incontri/matchmaking orientato al consumatore con navigazione laterale sinistra, ticker dei segnali della community, KPI principali, grafico a barre dei match reciproci a 30 giorni e blocco trend del tasso di match. Tipografia editoriale con accenti sobri. Ideale per siti di incontri, matchmaking, dashboard di community o social network.
prototipo Leggi il prompt completo → Valutazione dei flussi di cassa scontati e analisi del valore intrinseco per aziende quotate. Per DCF, valore equo, valore intrinseco, prezzo obiettivo e analisi di sovra/sottovalutazione.
prototipo Leggi il prompt completo → Vetrina statica in 3D di iPhone e MacBook con HTML reale incorporato sugli schermi, rifrazione della lente in vetro e composizione girevole a 360 gradi.
prototipo Leggi il prompt completo → Anteprima di guida digitale a due pagine — pagina 1: copertina (titolo, autore, statistiche 'Cosa contiene', anteprima dell'indice); pagina 2: doppia pagina (corpo della lezione con citazione e lista di passaggi). Tono lifestyle / brand creator. Usare quando il brief chiede 'e-guide', 'guida digitale', 'lookbook', 'lead magnet', 'guida creator', 'playbook', 'guida PDF' o '电子指南'.
prototipo Leggi il prompt completo → Una pagina di documentazione con navigazione laterale, corpo dell'articolo scorrevole e indice dei contenuti. Da usare quando il brief menziona 'documentazione', 'guida', 'riferimento API' o 'tutorial'.
prototipo Leggi il prompt completo → Landing parallax immersiva a pagina singola: un viewport fisso ingrandisce verso di te un'immagine portale durante lo scroll, all'ingresso le tende si aprono e nella seconda scena uno slider di card ad arco svela nove destinazioni da sogno.
prototipo Leggi il prompt completo → Template email per lancio prodotto con testata, immagine hero, titolo in corsivo, testo principale, CTA primario e griglia specifiche in layout HTML a colonna singola centrata.
prototipo Leggi il prompt completo → Un runbook di ingegneria — panoramica del servizio, tabella degli alert, link alle dashboard, procedure comuni con comandi copiabili, rotazione delle reperibilità e checklist di risposta agli incidenti. Da usare per runbook, doc ops, guide on-call, doc SRE o 运维手册.
prototipo Leggi il prompt completo → Landing page fintech Kova premium: hero a tutto schermo con uno sfondo video boomerang avanti/indietro, comparse sfocate FadeUp, card di dashboard flottanti (grafico a linee dei risparmi + grafico a barre delle spese), una testimonianza a due colonne con un video quadrato in riproduzione automatica e una griglia di quattro funzionalità con card immagine e un grafico a ciambella delle spese.
prototipo Leggi il prompt completo → Report finanziario trimestrale/mensile con testata KPI, grafici fatturato e burn, tabella riepilogo P&L, evidenze principali e paragrafo prospettive. Usare quando il brief menziona 'report finanziario', 'report Q3', 'revisione MRR', 'P&L' o '财报'.
prototipo Leggi il prompt completo → Dashboard di gestione team in stile FlowAI con tre schede (Membri del team, Dettagli team, Registro attività), riga statistiche KPI, tabella membri, grafico a barre di distribuzione ruoli, sparkline di presenza online e attività, e pannello top contributori. Supporta tema chiaro/scuro, tooltip grafici, zoom e esportazione CSV.
prototipo Leggi il prompt completo → Prototipo di app mobile gamificata su tre schermate: copertina, quest giornaliere con nastri XP e barra livello, dettagli quest. Ideale per app gamificate, tracker di abitudini, app life RPG, app level-up, quest giornaliere e app XP/streak.
prototipo Leggi il prompt completo → Dashboard di analisi del repository GitHub — stelle, fork, contributori, issue, pull request, attività recente e principali contributori. Da utilizzare per dashboard di repository GitHub, report di crescita open-source, pagina di salute del repository o vista analitica GitHub.
prototipo Leggi il prompt completo → Piano di onboarding per nuovi assunti su una singola pagina — calendario della prima settimana, presentazione buddy + manager, percorso formativo, checklist attrezzature e obiettivi 'sei pronto quando…'. Da usare quando il brief menziona 'onboarding', 'nuovo assunto', 'piano prima settimana' o '入职'.
prototipo Leggi il prompt completo → Presentazione HTML 16:9 in stile tactical-telemetry / terminale CRT. Slide carbonio CRT disattivato, monospazio fosforo bianco, accento rosso pericolo, overlay scanline, sintassi ASCII, densità prima della decorazione. Distillato da Leonxlnx/taste-skill `brutalist-skill` (modalità Tactical Telemetry).
prototipo Leggi il prompt completo → Presentazione HTML 16:9 in stile editoriale minimalista. Slide color crema caldo, serif per i titoli + grottesco per il corpo, linee sottili, metadati monospazio, ampi spazi bianchi, un accento. Distillato da Leonxlnx/taste-skill `minimalist-skill`.
prototipo Leggi il prompt completo → Landing premium di agenzia editoriale dark: un titolo hero in Instrument Serif sopra un video a tutto schermo con crossfade automatico, navigazione e pulsanti liquid glass e sezioni About / Featured Video / Philosophy / Services che compaiono allo scroll.
prototipo Leggi il prompt completo → Pagina fattura stampabile — blocco mittente + destinatario, tabella voci, ripartizione imposte, totali e istruzioni di pagamento. Da usare quando il brief menziona 'invoice', 'bill', 'billing statement' o '发票'.
prototipo Leggi il prompt completo → Produce un documento monopage di qualità tipografica — sfondo pergamena caldo, accento blu inchiostro, serif a un peso, senza corsivo, senza grigi freddi. Il risultato si presenta come un white paper professionale o un one-pager da studio, non come una UI di app. Multilingue per design (EN · zh-CN · ja). Un singolo file HTML autonomo, zero dipendenze.
prototipo Leggi il prompt completo → Tela pergamena calda (#f5f4ed), accento monocromatico blu inchiostro (#1B365D), una famiglia serif e tipografia di livello editoriale.
prototipo Leggi il prompt completo → Bacheca kanban / attività con colonne (To do / In progress / In review / Done), schede trascinabili, avatar degli assegnatari, swimlanes e barra filtro superiore. Da usare quando il brief menziona 'kanban', 'task board', 'sprint board', 'trello' o '看板'.
prototipo Leggi il prompt completo → Ricerca sulle tendenze della comunità e sui social degli ultimi 30 giorni. Da utilizzare per conoscere le opinioni attuali, il sentiment recente, le reazioni della comunità, la prova sociale, la reazione al lancio, la scansione delle tendenze o il contesto degli ultimi 30 giorni.
prototipo Leggi il prompt completo → Landing parallax a livelli e cinematografica per uno studio di architettura: video di sfondo a schermo intero, un enorme wordmark del brand centrato dietro una lastra scultorea in parallax, una macchina a stati di video di uccelli animati, pillole di navigazione e pannelli informativi in vetro smerigliato e una seconda sezione video a schermo intero con un titolo editoriale centrato.
prototipo Leggi il prompt completo → Landing page dark e di lusso a pagina singola per un'agenzia di web design con IA: sfondi video cinematografici, titoli in Instrument Serif corsivo, card e CTA in liquid glass, comparse parola per parola con BlurText e storytelling sezione per sezione.
prototipo Leggi il prompt completo → Landing cinematografica per una fragranza di lusso: un hero video a schermo intero, una rivelazione ellittica con clip-path guidata dallo scroll, un carosello orbitante di flaconi di profumo che si ingrandiscono in un punto focale, una sezione newsletter e un footer in pergamena calda.
prototipo Leggi il prompt completo → Layout per articolo di rivista ispirato a Huashu / huashu-md-html per trasformare Markdown o note in un articolo HTML lungo e raffinato.
prototipo Leggi il prompt completo → Poster editoriale in stile giornale con carta da giornale, data, titolo serif oversize con parola barrata e corsivo, corpo di testo a 2 colonne e 6 sezioni numerate con citazioni annotate. Ideale per poster rivista, layout editoriali, stile giornale o manifesti.
prototipo Leggi il prompt completo → Poster verticale o immagine da condividere in stile Stories con forte impatto visivo.
prototipo Leggi il prompt completo → Pagina verbale di riunione — barra del titolo con partecipanti, checklist agenda, blocco decisioni, tabella azioni con responsabili e date, e piè di pagina per la prossima riunione. Da usare per 'verbale di riunione', 'minutes', 'note 1:1', 'riepilogo all-hands' o '会议纪要'.
prototipo Leggi il prompt completo → Landing page monocromatica nero assoluto per newsletter/piattaforma di contenuti: hero video a tutto schermo, parole d'accento in corsivo Instrument-Serif, controlli liquid-glass, missione rivelata parola per parola allo scorrimento e una CTA video HLS.
prototipo Leggi il prompt completo → Una schermata di app mobile renderizzata all'interno di una cornice iPhone 15 Pro pixel-perfect sulla pagina. Creata copiando il file seed assets/template.html e incollando un archetipo di schermata da references/layouts.md. Da utilizzare quando il brief richiede 'app mobile', 'app iOS', 'app Android', 'schermo del telefono' o 'UI dell'app'.
prototipo Leggi il prompt completo → Flusso di onboarding mobile multi-schermo rappresentato con tre frame di telefono affiancati — splash, value-prop, sign-in. Barra di stato, punti di swipe, CTA principale. Da usare quando si menziona 'onboarding mobile', 'onboarding iOS', 'registrazione da telefono' o '移动端引导'.
prototipo Leggi il prompt completo → CV moderno e minimalista, singola pagina A4, pronto per la stampa o l'esportazione PDF.
prototipo Leggi il prompt completo → Composizione motion design a fotogramma singolo con animazioni CSS in loop — anello di testo rotante, globo animato, timer, etichette parallax. Renderizza come poster video hero per HyperFrames o qualsiasi exporter basato su keyframe. Ideale per motion design, hero animati, loop, poster video e title card.
prototipo Leggi il prompt completo → Una landing page mythic-naturecore cinematografica: uno scroll di 480vh zooma attraverso un portale mentre tende speculari si aprono su uno sfondo di mondo a strati, con profondità 3D in parallasse del mouse e un abbinamento serif-sans Viaoda-Libre / Imprima.
prototipo Leggi il prompt completo → Sito di marketing a pagina singola in tonalità scure e oro caldo per un prodotto di cloud storage sicuro: un hero con shader con console live ed effetto macchina da scrivere, una fisarmonica di piattaforma fissa guidata dallo scroll, un campo di barre dei prezzi che si trasforma allo scroll, schede di sicurezza, una vetrina della console con inclinazione 3D e un cubo operativo che esplode al clic.
prototipo Leggi il prompt completo → Produce una landing page editoriale a pagina singola nel linguaggio visivo Atelier Zero (collage editoriale Monocle / Apartamento / Études). Compila inputs.json da un brief del brand, genera opzionalmente 16 asset collage tramite gpt-image-2 ed emette un file HTML autonomo con animazioni di scroll e navigazione fissa.
prototipo Leggi il prompt completo → Landing page di una collezione NFT a tema spaziale dark, con sfondi video CloudFront a tutto campo, una UI in liquid glass, font Anton + Condiment e un accento verde neon distribuito su quattro sezioni.
prototipo Leggi il prompt completo → Attivato automaticamente da Orbit quando sono collegati due o più connettori. Raccoglie le attività delle ultime 24 ore da tutti i connettori autenticati (GitHub, Linear, Notion, Slack, 飞书, Calendario, Gmail, Drive, Sentry, Vercel, ecc.) e genera una dashboard adattiva a griglia bento nella parte superiore di "我的设计". Eseguito automaticamente dal programmatore di digest giornaliero di Orbit.
prototipo Leggi il prompt completo → Skill Orbit per generare automaticamente riepiloghi giornalieri basati su connessioni GitHub. Recupera PR, richieste di revisione, issue, esecuzioni CI e merge delle ultime 24 ore e li visualizza nello stile delle notifiche native di GitHub. Invocato automaticamente dallo scheduler di riepilogo giornaliero di Orbit.
prototipo Leggi il prompt completo → Estrae l'attività della posta in arrivo delle ultime 24 ore e genera un riepilogo giornaliero quando Gmail è l'unico servizio connesso o esplicitamente selezionato. Attivato automaticamente dallo scheduler di Orbit, non deve essere eseguito manualmente.
prototipo Leggi il prompt completo → Attivato automaticamente dalla pipeline Orbit quando Linear è l'unico connettore collegato dell'utente o quando l'utente limita esplicitamente il digest giornaliero a Linear. Estrae le ultime 24 ore di movimenti delle issue, cambiamenti di stato, assegnazioni e progressi del ciclo, rendendoli nel linguaggio visivo nativo della inbox di Linear.
prototipo Leggi il prompt completo → Competenza di briefing Open Orbit — selezionata dalla pipeline Orbit quando Notion è l'unico connettore collegato dell'utente o quando l'utente limita esplicitamente il suo digest quotidiano a Notion. Estrae le modifiche ai documenti, i commenti, le menzioni e le modifiche alle righe del database delle ultime 24 ore dalla connessione Notion autenticata dell'utente e renderizza il digest come pagina Notion nativa (elementi callout/toggle/tabella database). Questa competenza non deve essere attivata manualmente — viene invocata dallo scheduler del digest quotidiano di Orbit sui dati Notion in tempo reale.
prototipo Leggi il prompt completo → Specifica prodotto/PRD su singola pagina — problema, metriche di successo, ambito, user story, note di design, piano di rilascio, domande aperte. Per specifiche prodotto e brief funzionali.
prototipo Leggi il prompt completo → Landing page di portfolio scura e premium a pagina singola: video hero HLS cinematografico, font display in corsivo Instrument Serif, un contatore di caricamento da 000 a 100, una griglia bento di lavori alternata, una galleria di esplorazione in parallasse ancorata allo scroll e un footer di contatto in marquee con il gradiente d'accento bloccato #89AACC→#4E85BF.
prototipo Leggi il prompt completo → Una pagina dei prezzi autonoma — intestazione, livelli di piani, tabella di confronto delle funzionalità e FAQ. Da usare quando il brief richiede una pagina per 'prezzi', 'piani', 'livelli di abbonamento' o 'confronta piani'.
prototipo Leggi il prompt completo → Card post Reddit realistico con barra voti e conteggio commenti, adatto per overlay video o condivisione di storie.
prototipo Leggi il prompt completo → Landing page SaaS a pagina singola con hero, funzionalità, social proof, prezzi e CTA. Rispetta i token attivi di colore/tipografia/layout del DESIGN.md. Parole chiave trigger: "saas landing", "marketing page", "product landing".
prototipo Leggi il prompt completo → Landing page di collezione immersiva guidata dallo scroll: video di sfondo a tutta pagina, una rivelazione con clip-path a ellisse che si espande e una galleria di immagini in orbita matematicamente precisa che cresce e attraversa il viewport, con tipografia serif mascherata che appare e svanisce in dissolvenza.
prototipo Leggi il prompt completo → Hero di landing premium per jet privati: uno sfondo video CloudFront a schermo intero in riproduzione automatica, una nav max-w-7xl con menu a tendina mobile a hamburger Lucide e un titolo centrato su due righe sovrapposte (Premium. / Accessible.) con CTA a pillola Discover + Book Now.
prototipo Leggi il prompt completo → Un carosello social a tre schede in formato 1080×1080 – tre pannelli cinematografici in linea con il brand con titoli che si collegano attraverso la serie ('avanti.' → 'al prossimo.' → 'guardando avanti.'). Ogni scheda include marchio del brand, numero/totale, didascalia e affordance di 'loop'. Da usare per richieste di 'post carosello', 'carosello social', 'carosello Instagram', 'serie LinkedIn', 'schede thread X' o '三连发'.
prototipo Leggi il prompt completo → Dashboard di analisi social media per creator in un singolo file HTML. Con selettore di piattaforma (X / LinkedIn / YouTube / Instagram), schede KPI (follower, tasso di engagement, like, repost), grafico di crescita follower, anteprima del post top della settimana e pannello laterale dei topic di tendenza/commenti principali.
prototipo Leggi il prompt completo → Card in stile Spotify con copertina album, barra di avanzamento e controlli di riproduzione, adatto per overlay video o homepage personali.
prototipo Leggi il prompt completo → Slide esplicativa animata in stile pixel art con sfondo crema, anno in grassetto, mascotte in pixel art (carta Hanafuda, fungo o console 8-bit), tipografia giapponese cinetica e nastro timeline. Animazione CSS pura, pronta per la registrazione in video verticale.
prototipo Leggi il prompt completo → Landing page premium per premi / riconoscimenti venture: un guscio a card bianca incassata con angoli arrotondati, un hero video a tutto schermo con CTA in clip-path smussato, una sezione candidature a tre colonne con card di nomination angolari attorno a un video quadrato e una griglia di statistiche sui fondatori con card immagine plus-darker e numeri in testo sfumato.
prototipo Leggi il prompt completo → Pagina di tracciamento OKR con banner trimestrale, tre obiettivi con i relativi risultati chiave come barre di avanzamento, avatar dei responsabili, pill di stato e barra laterale 'panoramica del trimestre'. Utilizzare quando vengono menzionati OKR, risultati chiave, obiettivi o 目标.
prototipo Leggi il prompt completo → Aggiunge un pannello di controlli in tempo reale a qualsiasi elemento HTML per regolare colore principale, scala tipografica, densità, movimento e tema. Le modifiche vengono applicate istantaneamente alle proprietà personalizzate CSS e salvate in localStorage.
prototipo Leggi il prompt completo → Card con citazione o dati di Twitter progettata per accompagnare un post.
prototipo Leggi il prompt completo → Landing page immobiliare di lusso a pagina singola dall'estetica cinematografica: un preloader a macchina da scrivere che si solleva e scompare, un'immagine dell'edificio guidata dallo scroll che sale dal basso e si ingrandisce mentre si aggancia a una sezione scura di dichiarazione, una fascia di statistiche scura sticky con numeri che salgono in count-up e una galleria video che si espande al passaggio del mouse e scorre sopra la sezione scura.
prototipo Leggi il prompt completo → Landing page minimalista pre-lancio con acquisizione email, logo del brand e livello decorativo opzionale. Legge colori, tipografia e regole di layout da DESIGN.md. Perfetta per lanci di prodotti, iscrizioni beta, programmi di accesso anticipato e progetti indipendenti.
prototipo Leggi il prompt completo → Prototipo web desktop generico. File HTML autonomo creato copiando `assets/template.html` e incollando layout da `references/layouts.md`. Opzione predefinita per landing page, marketing, documentazione o pagine SaaS.
prototipo Leggi il prompt completo → Prototipo web stampa industriale svizzera. Canvas carta da giornale, grottesco nero monolitico, numeri che sanguinano dal viewport, divisori griglia sottilissimi, accento rosso pericolo, decorazione sintassi ASCII. Estratto da Leonxlnx/taste-skill `brutalist-skill` (modalità stampa industriale svizzera).
prototipo Leggi il prompt completo → Prototipo web editoriale-minimalista. Tela monocromatica calda, titoli serif + corpo grottesco, bordi 1px, chip pastello tenue, ampi spazi bianchi, micro-movimento ambientale.
prototipo Leggi il prompt completo → Prototipo web soft di livello Apple. Canvas argento/crema, card con doppio bordo, CTA con pulsanti annidati, ampi raggi squircle, animazione fluida e mesh ambientale. Basato su soft-skill di Leonxlnx/taste-skill e sezioni 4–8.
prototipo Leggi il prompt completo → Wireframe disegnato a mano con sfondo a quadretti, tono pennarello/matita, schede multiple, annotazioni su post-it e segnaposto per grafici. Ideale per richieste di wireframe, sketch, lo-fi o lavagna.
prototipo Leggi il prompt completo → Card post X realistico con metriche di engagement (like, repost, visualizzazioni), adatto per overlay video o card immagine condivisibili.
prototipo Leggi il prompt completo → Ricerca sul sentiment pubblico di X/Twitter riguardo mercati, aziende, prodotti o comunità. Da usare per analizzare l'opinione pubblica, i post di esperti o le reazioni social su azioni, settori, aziende, prodotti o eventi di mercato.
prototipo Leggi il prompt completo → Schede informative in stile Xiaohongshu, disposte in un carosello scorrevole multi-scheda.
