Video Gallery Skill

Build video components for Next.js + shadcn/ui + Tailwind CSS + TypeScript projects.

All output MUST be:

• React functional components with TypeScript
• shadcn/ui styled with Tailwind
• Lazy-loaded for performance
• Accessible (keyboard nav, captions support)
• Responsive with proper aspect ratios

1. Lazy Video Embed

"use client"
import { useState, useRef, useEffect } from "react"
import Image from "next/image"
import { Play } from "lucide-react"
import { cn } from "@/lib/utils"