Cinematic UI
Kiest een regisseur en een specifieke film, en vertaalt vervolgens de visuele grammatica naar sitestructuur, tokens en beweging.
Getest · Werkt
Wat het doet
Een vierfasen design workflow (decisions -> storyboard -> compiled spec -> build) die een echte regisseur/film benoemt om kleur, typografie, compositie en beweging te verankeren in plaats van generieke 'premium SaaS' defaults, met een grote referentiebibliotheek van regisseurs, hero archetypes, camera shots en color grades. Activeert op expliciete verzoeken voor een cinematic, movie-style, director-inspired, of film-genre (noir, sci-fi, thriller, etc.) site, inclusief Chinese-language requests; kiest expliciet niet voor generieke webdesign vragen.
Testrapport
Gegeven dezelfde briefing (een noir fraud-detection SaaS hero), produceerde een simpele prompt de standaard dark-gradient-hero-plus-glass-card die elke 'premium dark SaaS' aanvraag produceert; het volgen van de skill haalde in plaats daarvan David Fincher/Se7en rechtstreeks uit de 200-regisseurs tabel en zette 'desaturated teal, deep shadows, scan lines' om in een daadwerkelijk evidence-board hero concept met benoemde hex tokens en een expliciete lijst van verboden defaults.
Getest op: 2026-07-14 · Claude Code 2.x (agent harness)
Installatie
git clone https://github.com/akseolabs-seo/cinematic-ui cd cinematic-ui mkdir -p ~/.claude/skills cp -r . ~/.claude/skills/cinematic-ui
Commando's en voorbeeldprompts
/cinematic-uiKiest een regisseur en een specifieke film, en vertaalt vervolgens de visuele grammatica naar sitestructuur, tokens en beweging.
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
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