introvideo-skillcreator

A GitHub Copilot skill that generates professional app intro/presentation videos as standalone HTML pages — After Effects quality using anime.js, CSS animations, and multi-language support.

Installation

pnpm add introvideo-skillcreator

The postinstall script automatically copies the skill files to ~/.copilot/skills/intro-video/, making it available in all VS Code workspaces.

To uninstall and remove the skill:

pnpm remove introvideo-skillcreator

What it does

Generates broadcast-quality application intro videos rendered entirely in HTML + CSS + JS.
The output looks like it was made by a motion designer in After Effects but runs in any browser and can be recorded to MP4 via screen capture or headless Chrome.

Use cases

• App launch / promo videos
• Feature announcement clips
• Onboarding walkthroughs
• SaaS product demos
• Landing page hero animations
• Social media teaser clips (16:9, 9:16, 1:1)

Included files

| File | Purpose | |------|---------| | SKILL.md | Main skill definition — procedure, architecture, patterns, quality checklist | | references/animation-patterns.md | Reusable animation library (text, elements, backgrounds, transitions, Pro VFX) | | references/scene-templates.md | Complete HTML/CSS/JS templates per scene type | | examples/vaultline-intro.html | Full demo video showcasing all capabilities |

Features

• anime.js 3.2.2 powered animations
• 6+ scene types: Hero, Feature Showcase, Mockup, Stats, CTA, and more
• Pro VFX: Chromatic aberration, liquid glass, spotlight reveal, grid pixelate, shimmer sweep
• Transition variety: Color wipe, zoom through, grid pixelate, spotlight, slow fade
• i18n system: Multi-language support via data-i18n attributes
• 1920×1080 fixed canvas, recording-ready
• Cinematic pacing: Beat rhythm, "wow" rule, animation variety mandate

License

MIT