Skill UI

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 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.

This template generates structured, multi-frame video scripts compatible with Remotion and Hyperframes. It guides the creation of cinematic, high-impact videos, ensuring each frame conveys a single, strong concept. The output includes necessary metadata for automated playback, transitions, and timing, making the script ready for professional video rendering into MP4.