SkillProof tested Claude skills

Cinematic UI

Elige un director y una película específica, luego traduce su gramática visual en estructura del sitio, tokens y movimiento.

Por akseolabs-seo · akseolabs-seo/cinematic-ui

Probado · Funciona ★ 9.2/10

Cinematic UI — Elige un director y una película específica, luego traduce su gramática visual en estructura del sitio, tokens y movimiento.

Qué hace

Un flujo de trabajo de diseño de cuatro fases (decisiones -> storyboard -> especificación compilada -> construcción) que nombra a un director/película real para anclar el color, la tipografía, la composición y el movimiento en lugar de los valores predeterminados genéricos de 'premium SaaS', con una gran biblioteca de referencia de directores, arquetipos de héroes, tomas de cámara y gradaciones de color. Se activa con solicitudes explícitas de un sitio cinematográfico, estilo película, inspirado en un director o de género cinematográfico (noir, sci-fi, thriller, etc.), incluidas las solicitudes en chino; explícitamente se excluye de las solicitudes genéricas de diseño web.

Informe de la prueba

Dado el mismo brief (un héroe SaaS de detección de fraude noir), un prompt simple produjo el predeterminado dark-gradient-hero-plus-glass-card que produce cada solicitud de 'premium dark SaaS'; siguiendo la skill, en cambio, extrajo a David Fincher/Se7en directamente de su tabla de 200 directores y convirtió 'desaturated teal, deep shadows, scan lines' en un concepto de héroe de tablero de evidencia real con tokens hex nombrados y una lista explícita de valores predeterminados prohibidos.

Probado el: 2026-07-14 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/akseolabs-seo/cinematic-ui
cd cinematic-ui
mkdir -p ~/.claude/skills
cp -r . ~/.claude/skills/cinematic-ui

Comandos y prompts de ejemplo

  • /cinematic-uiElige un director y una película específica, luego traduce su gramática visual en estructura del sitio, tokens y movimiento.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • Design a movie-poster-style landing page for my sci-fi startup
  • I want a film-noir aesthetic homepage for my detective app
  • Give my SaaS hero section a David Fincher, thriller kind of feel

Informe completo →