Cinematic 4K Landing Page

Turn any business URL into a high-converting, agency-grade landing page with AI-generated 4K cinematic visuals, GSAP scroll animations, and one-command Cloudflare Pages deployment.

Install
cmdop skills install agensi-cinematic-4k-landing-page

Cinematic 4K Landing Page is a skill that takes a business URL as input and produces a fully deployed landing page in a single agent session. It works across five stages. First, it fetches the provided URL and extracts brand signals directly from the live page: industry vertical, CSS-derived brand colors, services, unique selling propositions, existing reviews, certifications, and the primary call-to-action. Second, using that extracted data, it generates image-generation prompts sized and composed for each page section — hero, supporting visuals, and logo concept — formatted for Midjourney v6, DALL-E 3, or Stable Diffusion XL at 4K output. Third, it assembles a semantic HTML page from a production template, including a hero section, trust bar, problem/solution block, services grid, testimonials, and a closing CTA. All copy is drawn from the scraped content; no placeholder text is used. Fourth, it applies ten GSAP scroll-triggered animations — parallax depth, staggered card reveals, number counters, clip-path wipes, a testimonial slider, and others. Animation timing is adjusted to the brand’s detected tone, parallax is disabled on mobile, and reduced-motion preferences are respected. Fifth, the finished page is deployed to Cloudflare Pages via Wrangler CLI, Direct Dashboard Upload, or Git-connected CI/CD, with a post-deploy verification checklist run before the live URL is returned. This skill requires an existing business website to scrape and a Cloudflare account for deployment.

Use cases

  • Generate a replacement landing page for an existing business by scraping its current site
  • Produce ready-to-use AI image prompts calibrated to a brand's colors and industry
  • Deploy a static landing page to Cloudflare Pages without manually writing deployment configuration
  • Create GSAP-animated HTML pages with scroll-triggered effects from brand-matched templates
  • Extract CTA, USP, and trust-signal content from a live URL for use in a new page build
  • Set up Git-connected CI/CD on Cloudflare Pages for automatic redeploys on push

When to use it

  • When an agent session needs to produce a complete, deployed landing page from an existing business URL
  • When image-generation prompts must match a specific brand's color palette and industry composition style
  • When GSAP scroll animations need to be included without manual scripting
  • When deployment to Cloudflare Pages via Wrangler CLI or dashboard upload is acceptable

When not to use it

  • When there is no existing business URL to scrape — the skill requires a live site as its data source
  • When deployment to platforms other than Cloudflare Pages is required
  • When the project requires a dynamic server-side application rather than a static HTML page
  • When actual 4K images are needed immediately — the skill produces prompts for external tools, not rendered images
  • When a headless CMS or editable page builder interface is expected as output