Cinematic UI
Vybere režiséra a konkrétní film, poté převede jeho vizuální gramatiku do struktury webu, tokenů a pohybu.
Otestováno · Funguje
Co umí
Čtyřfázový designový pracovní postup (decisions -> storyboard -> compiled spec -> build), který pojmenuje skutečného režiséra/film pro ukotvení barev, typografie, kompozice a pohybu namísto generických výchozích nastavení 'premium SaaS', s rozsáhlou referenční knihovnou režisérů, archetypů hrdinů, kamerových záběrů a barevných gradací. Spouští se na explicitní požadavky na filmový, filmově stylizovaný, režisérem inspirovaný nebo žánrový (noir, sci-fi, thriller atd.) web, včetně Chinese-language requests; výslovně se vyhýbá generickým požadavkům na webdesign.
Testovací report
Při stejném zadání (noir hrdina SaaS pro detekci podvodů) vytvořil prostý prompt výchozí tmavý gradient-hero-plus-glass-card, který produkuje každý požadavek na 'premium dark SaaS'; následování dovednosti místo toho vytáhlo Davida Finchera/Se7en přímo z jeho tabulky 200 režisérů a proměnilo 'desaturated teal, deep shadows, scan lines' ve skutečný koncept hrdiny s důkazní tabulí s pojmenovanými hexadecimálními tokeny a explicitním seznamem zakázaných výchozích nastavení.
Testováno: 2026-07-14 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/akseolabs-seo/cinematic-ui cd cinematic-ui mkdir -p ~/.claude/skills cp -r . ~/.claude/skills/cinematic-ui
Příkazy a ukázkové prompty
/cinematic-uiVybere režiséra a konkrétní film, poté převede jeho vizuální gramatiku do struktury webu, tokenů a pohybu.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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