Cinematic UI
Wybiera reżysera i konkretny film, następnie tłumaczy jego gramatykę wizualną na strukturę strony, tokeny i ruch.
Testowano · Działa
Co robi ten skill
Czterofazowy przepływ pracy projektowej (decyzje -> storyboard -> skompilowana specyfikacja -> budowa), który nazywa prawdziwego reżysera/film, aby zakotwiczyć kolor, typografię, kompozycję i ruch zamiast ogólnych domyślnych ustawień 'premium SaaS', z dużą biblioteką referencyjną reżyserów, archetypów bohaterów, ujęć kamer i gradacji kolorów. Uruchamia się na wyraźne żądania strony kinowej, w stylu filmowym, inspirowanej reżyserem lub gatunkiem filmowym (noir, sci-fi, thriller itp.), w tym żądania w języku chińskim; wyraźnie rezygnuje z ogólnych zapytań o projektowanie stron internetowych.
Raport z testu
Biorąc pod uwagę ten sam brief (bohater SaaS do wykrywania oszustw w stylu noir), zwykłe zapytanie wygenerowało domyślny ciemny gradient-hero-plus-szklaną-kartę, który generuje każde żądanie 'premium dark SaaS'; zamiast tego, postępując zgodnie z umiejętnością, wyciągnęło Davida Finchera/Se7en prosto z tabeli 200 reżyserów i zamieniło 'desaturated teal, deep shadows, scan lines' w rzeczywistą koncepcję bohatera na tablicy dowodów z nazwanymi tokenami hex i wyraźną listą zakazanych domyślnych ustawień.
Testowano: 2026-07-14 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/akseolabs-seo/cinematic-ui cd cinematic-ui mkdir -p ~/.claude/skills cp -r . ~/.claude/skills/cinematic-ui
Komendy i przykładowe prompty
/cinematic-uiWybiera reżysera i konkretny film, następnie tłumaczy jego gramatykę wizualną na strukturę strony, tokeny i ruch.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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