Cinematic Sites

Turn any basic business URL into a high-end cinematic landing page with AI-generated 4K assets and GSAP animations.

Install
cmdop skills install agensi-cinematic-sites

Cinematic Sites is a skill that takes a source business URL, scrapes its existing content to extract brand signals, and rebuilds the site as a responsive, animation-heavy landing page. The process is designed to complete in under 10 minutes. Asset generation is handled through Google Gemini via /nano-image for 4K imagery and Kling 3.0 for video, while layout and motion are built using Tailwind CSS 3, GSAP 3 (GreenSock), and Lucide Icons. The assembled site draws from a library of 30+ cinematic modules covering scroll-driven parallax effects and cursor-reactive interactions. Deployment targets Cloudflare Pages through the Wrangler CLI. A built-in visual gate system uses Claude Preview to verify logo rendering, hero imagery, and mobile responsiveness before the build proceeds — this is intended to catch the visual consistency issues that arise when coordinating image generation, video animation, and GSAP sequence timing through unstructured prompting. The skill is aimed at developers and agencies who regularly rebuild basic local business websites and want to automate the design and asset pipeline rather than assembling it manually each time. It does not expose individual tools; the entire pipeline runs as a coordinated skill execution.

Use cases

  • Rebuild a local business website into an animation-rich landing page from just its URL
  • Generate 4K hero imagery and logos automatically as part of a site build pipeline
  • Deploy a finished responsive site to Cloudflare Pages without manual Wrangler configuration
  • Apply GSAP scroll-driven animations and cursor-reactive effects to client sites at scale
  • Automate visual verification of logo, hero images, and mobile layout before finalizing a build

When to use it

  • When converting existing low-quality business websites into polished landing pages quickly
  • When the project requires coordinated image generation, video, and GSAP animation in one pipeline
  • When deploying to Cloudflare Pages via Wrangler is the target infrastructure
  • When visual consistency verification is needed as part of an automated agent workflow

When not to use it

  • When the target deployment platform is not Cloudflare Pages
  • When the project requires a CMS, e-commerce functionality, or multi-page architecture beyond a landing page
  • When Tailwind CSS or GSAP are not acceptable framework choices for the project
  • When the use case is a Postgres database query or data access task — this skill has no database tooling