AI Video Generation UI

ReactAIVideoGenerationMediaUpdated 2026-08-14

When to use: Building AI video products: text/video-to-video studios, marketing clip generators, and model-switching video tools.

Install
npx skills add ai-video-generation-ui
Git Clone
git clone https://github.com/skillhub-community/ai-video-generation-ui.git

Description

An AI video generation studio. PromptComposer: text prompt + optional reference image upload (for image-to-video), duration selector (3-10s), and a negative prompt field. ModelPicker: a dropdown of configured models (Veo, Sora, Seedance, Wan, Kling, Runway, or custom endpoints via adapter) with per-model capability badges (resolution, duration limit, style strength). GenerationQueue: pending jobs with progress states (queued → processing → done/failed), a live preview that streams in, and retry on failure.

ClipGallery: generated videos in a grid with duration/ratio badges, inline playback on hover, and actions (download MP4/WebM, loop, or 'edit in timeline'). Supports batch generation of a prompt pack (multiple prompts → queue them all) and aspect-ratio presets (16:9, 9:16, 1:1). Includes a cost estimator (per-model pricing × count) and an animated 'thinking' state so users know the job is alive. Model adapters are pluggable so new backends drop in without UI changes.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@video_wang
LicenseMIT
Version1.0.0
Dependencies0