Cinematic 4k Landing Page

This skill fixes that in a single session.

Give it any business URL. It scrapes the site, reads the brand DNA — colors, tone, services, trust signals, USPs — and builds a complete cinematic landing page from the ground up. The page looks like it was designed by a $25,000 agency. It takes minutes.

What the skill does, step by step:

Step 1 — Business Intelligence The skill fetches the provided URL and extracts every signal it needs: industry vertical, brand colors from the actual CSS, services, unique selling propositions, existing reviews and certifications, and the single most important CTA the business needs visitors to take. Nothing is invented. Everything comes from the page.

Step 2 — AI Asset Generation Using the extracted brand data, the skill generates precision image-generation prompts for every visual on the page. Hero image, supporting section visuals, and logo concept — each crafted with the correct aspect ratio, negative space for text overlay, industry-matched composition, and consistent color grade. These prompts are ready to paste into Midjourney v6, DALL-E 3, or Stable Diffusion XL and produce 4K cinematic results.

Step 3 — Page Build A full semantic HTML page is assembled from a production-tested template. Every section has a conversion purpose: a hero that communicates instantly, a trust bar with social proof, a problem/solution block that makes visitors feel understood, a services grid, testimonials, and a final CTA section engineered to convert. All copy is adapted from real extracted content — no Lorem Ipsum, no generic filler.

Step 4 — GSAP Animation Layer Ten scroll-triggered animations are applied: hero entrance stagger, parallax background depth, section fade-ups, staggered card reveals, animated number counters, clip-path image wipes, a line-draw divider for premium brands, a subtle CTA pulse, a testimonial slider, and smooth anchor scroll. Animation speed is calibrated to the brand's luxury score — slow and deliberate for high-end brands, fast and kinetic for energy-driven brands. Parallax is disabled on mobile by default. Reduced-motion preference is respected.

Step 5 — Cloudflare Pages Deployment The finished page is deployed to Cloudflare Pages using the Wrangler CLI with a single command. Three deployment paths are supported: Wrangler CLI (recommended, produces a live URL in seconds), Direct Dashboard Upload (no CLI required), and Git-connected CI/CD for automatic redeploys on every push. A post-deploy verification checklist is run before the URL is reported.

The result: a live, production-quality landing page that looks cinematic, converts visitors, and loads fast — built from any URL in a single agent session.