Cinematic UI
Sceglie un regista e un film specifico, quindi traduce la sua grammatica visiva in struttura del sito, token e movimento.
Promosso
Cosa fa
Un workflow di design in quattro fasi (decisioni -> storyboard -> specifiche compilate -> build) che nomina un regista/film reale per ancorare colore, tipografia, composizione e movimento invece dei default generici 'premium SaaS', con una vasta libreria di riferimento di registi, archetipi di eroi, inquadrature e gradazioni di colore. Si attiva su richieste esplicite per un sito cinematografico, in stile film, ispirato a un regista o a un genere cinematografico (noir, sci-fi, thriller, ecc.), incluse richieste in lingua cinese; si esclude esplicitamente dalle richieste generiche di web design.
Rapporto di test
Data la stessa richiesta (un hero SaaS di rilevamento frodi noir), un prompt semplice ha prodotto il default dark-gradient-hero-plus-glass-card che ogni richiesta 'premium dark SaaS' produce; seguendo lo skill, invece, ha estratto David Fincher/Se7en direttamente dalla sua tabella di 200 registi e ha trasformato 'verde acqua desaturato, ombre profonde, linee di scansione' in un vero concetto di hero da "bacheca delle prove" con token esadecimali nominati e un elenco esplicito di default vietati.
Testato il: 2026-07-14 · Claude Code 2.x (agent harness)
Installazione
git clone https://github.com/akseolabs-seo/cinematic-ui cd cinematic-ui mkdir -p ~/.claude/skills cp -r . ~/.claude/skills/cinematic-ui
Comandi e prompt di esempio
/cinematic-uiSceglie un regista e un film specifico, quindi traduce la sua grammatica visiva in struttura del sito, token e movimento.
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
Design a movie-poster-style landing page for my sci-fi startupI want a film-noir aesthetic homepage for my detective appGive my SaaS hero section a David Fincher, thriller kind of feel