Skill UI

A comprehensive guide to controlling cinematic camera movements (pan, tilt, zoom, dolly, roll) in AI video generation (text-to-video and image-to-video). Learn how to utilize specific parameters to add professional dynamic shots, such as dramatic zooms, slow pans, or upward reveals, significantly enhancing the artistic quality of your AI-generated content.

Build immersive, cinematic, and premium 2.5D interactive websites using advanced scroll storytelling, parallax depth, and text animations. This skill simulates high-end web design effects (like Apple's product pages) using only static assets, CSS, and JavaScript, eliminating the need for WebGL or complex 3D software. Use it for landing pages, product sites, and any section requiring a deep, cinematic feel.

Craft polished demo videos from screenshots or scene descriptions, orchestrating Playwright screenshots, narration via edge-tts, and ffmpeg compositing with clear story beats, pacing, and single-focus scenes so product walkthroughs and marketing teasers feel cinematic.

Defines a premium UI/UX persona that enforces agency-grade typography, textures, and motion choreography, guiding AI to avoid cheap defaults and deliver cinematic, tactile web experiences in varied archetypes.

Generate a cohesive three-panel social media carousel (1080x1080), designed for cinematic storytelling. Perfect for creating multi-part, on-brand content series for platforms like Instagram, LinkedIn, or X. The skill ensures the panels read as one continuous narrative while maintaining individual visual appeal.

A powerful, provider-agnostic skill dedicated to generating high-quality, single-image assets such as posters, key art, and editorial illustrations. This tool utilizes a structured, multi-step prompt composition workflow (Subject, Lighting, Palette, Camera) to ensure cinematic and artistic consistency, regardless of the underlying AI model (Flux, Imagen, Midjourney). Ideal for designers needing professional-grade visual concepts.

A skill designed to generate cinematic, short-form video clips (3-10 seconds) suitable for marketing reveals, product teasers, or ambient loops. It focuses on generating one cohesive shot per request, ensuring high quality and narrative focus for modern video models like Seedance, Kling, and Veo. Ideal for creating impactful, bite-sized visual content.

A comprehensive skill guide for defining the core intent, tone, and strategic direction of any frontend design. It applies rigorous cross-domain principles drawn from architecture, cinema, marketing, and automotive design. Use this before coding to establish purpose, visual hierarchy, and intentional structure, ensuring every design element is deliberate and highly crafted.

A cinematic template designed for creating high-impact title screens and video transitions. Perfect for cyberpunk, sci-fi, or technological narratives, it simulates digital data corruption, chromatic aberration, and CRT noise to give a powerful, vintage-digital aesthetic.

Generate highly cinematic and vintage-styled opening frames or chapter cards for films and documentaries. This template simulates the authentic look of analog film using light leak effects, 35mm grain noise, and classic letterboxed aspect ratios (2.39:1 or 16:9). Perfect for giving your video project an immediate, professional, and nostalgic film quality.

A comprehensive guide for creating cinematic, fluid background hero sections using advanced web technologies. It leverages WebGL, complex CSS gradients, and Canvas to generate dynamic, atmospheric visuals. Ideal for video intros, SaaS landing pages, and marketing posters that require a sophisticated, high-impact background.

A modular and highly customizable looping CSS animation template designed for marketing hero sections and video openers. It combines multiple dynamic elements, such as rotating type rings, animated globes, ticking timers, and floating parallax labels, allowing designers to create modern, cinematic, and attention-grabbing digital visuals.