HTML Video
Agent skill pack for generating HTML videos with liquid backgrounds, VFX overlays, and cinematic hero animations using local AI coding agents.
What is HTML Video?
HTML Video is an open-source skill pack by nexu-io that enables AI coding agents to generate HTML5 videos with liquid/fluid backgrounds, VFX overlays, poster frames, and cinematic hero animations. It includes templates like frame-liquid-bg-hero and works with any local AI agent supporting HTML output.
Liquid and fluid background templates
Pre-built HTML/CSS templates for liquid, fluid, and gradient-based animated backgrounds that work as video hero sections.
Creators get production-quality animated backgrounds without needing After Effects or video editing skills.VFX and cinematic overlay skills
Templates for VFX-style overlays, particle effects, and cinematic transitions rendered entirely in HTML5.
Coding agents can add Hollywood-style visual effects to HTML content using only standard web technologies.Agent-ready skill format
Designed to be invoked by coding agents via natural language prompts, with clear template structures and parameters.
Works with Claude Code, Codex, Gemini CLI, OpenCode, and any agent that can write HTML files.Part of the nexu-io ecosystem
Integrates with open-design's design system framework and html-anything's agentic HTML editor for end-to-end content creation.
Teams can combine video skills with design systems and HTML editing for a complete agent-driven content pipeline.What HTML Video is built for
Landing page hero videos
Generate cinematic HTML5 hero videos with liquid backgrounds for landing pages and product showcases.
Video intros and posters
Create animated video intros and poster frames for presentations, social media, and marketing content.
Creative coding projects
Use the VFX and animation templates for creative coding, generative art, and interactive visual experiences.
How it stacks up
Choose HTML Video for agent-driven HTML video generation
vs traditional video editing toolsHTML Video lets coding agents produce video content using HTML5/CSS/JS, eliminating the need for video editing software while staying in the agent workflow.
Frequently asked questions
What should I check before using HTML Video?
Start by reviewing the template files and confirming your AI coding agent can generate HTML output. Test with a simple liquid background before moving to complex VFX compositions.
Is HTML Video open source?
HTML Video is listed with Apache-2.0 based on the official source links in this profile. Re-check the repository before production use.
What AI agents work with HTML Video?
Any AI coding agent that can write HTML/CSS/JS files works with HTML Video — Claude Code, Codex, Gemini CLI, OpenCode, Cursor, Aider, and more.