Cinematic UI
Väljer en regissör och en specifik film, sedan översätter dess visuella grammatik till webbplatsstruktur, tokens och rörelse.
Testad · Fungerar
Vad den gör
Ett fyrfasigt designarbetsflöde (beslut -> storyboard -> kompilerad spec -> bygg) som namnger en verklig regissör/film för att förankra färg, typografi, komposition och rörelse istället för generiska 'premium SaaS'-standarder, med ett stort referensbibliotek av regissörer, hjältearketyper, kameraskott och färggraderingar. Utlöses av explicita förfrågningar om en filmisk, film-stil, regissörsinspirerad eller filmgenre (noir, sci-fi, thriller, etc.) webbplats, inklusive kinesiska-språkiga förfrågningar; avstår uttryckligen från generiska webbdesignförfrågningar.
Testrapport
Med samma brief (en noir bedrägeridetekterings SaaS-hjälte) producerade en vanlig prompt standardmörk-gradient-hero-plus-glas-kortet som varje 'premium dark SaaS'-förfrågan producerar; efterföljande skillen drog istället David Fincher/Se7en direkt ur sin 200-regissörstabell och förvandlade 'desaturated teal, deep shadows, scan lines' till ett faktiskt bevis-tavla hero-koncept med namngivna hex-tokens och en explicit lista över förbjudna standarder.
Testad: 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
Kommandon och exempelprompter
/cinematic-uiVäljer en regissör och en specifik film, sedan översätter dess visuella grammatik till webbplatsstruktur, tokens och rörelse.
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
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