Cinematic UI
Vælger en instruktør og en specifik film, oversætter derefter dens visuelle grammatik til sitestruktur, tokens og bevægelse.
Testet · Virker
Hvad det gør
En fire-faset designarbejdsgang (beslutninger -> storyboard -> kompileret spec -> build), der navngiver en rigtig instruktør/film til at forankre farve, typografi, komposition og bevægelse i stedet for generiske 'premium SaaS' standarder, med et stort referencebibliotek af instruktører, hero-arketyper, kameraskud og farvegraderinger. Udløses af eksplicitte anmodninger om et filmisk, film-stil, instruktør-inspireret eller film-genre (noir, sci-fi, thriller osv.) site, inklusive kinesisksprogede anmodninger; fravælger udtrykkeligt generiske webdesign-anmodninger.
Testrapport
Givet den samme brief (en noir svindeldetektion SaaS hero), producerede en almindelig prompt den standard mørk-gradient-hero-plus-glas-kort, som enhver 'premium dark SaaS' anmodning producerer; efter skill'en trak den i stedet David Fincher/Se7en direkte ud af dens 200-instruktør tabel og omdannede 'desaturated teal, deep shadows, scan lines' til et faktisk bevis-tavle hero-koncept med navngivne hex-tokens og en eksplicit liste over forbudte standarder.
Testet: 2026-07-14 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/akseolabs-seo/cinematic-ui cd cinematic-ui mkdir -p ~/.claude/skills cp -r . ~/.claude/skills/cinematic-ui
Kommandoer og eksempelprompter
/cinematic-uiVælger en instruktør og en specifik film, oversætter derefter dens visuelle grammatik til sitestruktur, tokens og bevægelse.
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
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