This is YUV.AI's production pipeline for turning raw selfie or screenshare footage into polished short-form videos with liquid-glass cards, MrBeast-paced cuts, and karaoke captions. It chains two skills: video-use handles transcription and word-snapped cuts via ElevenLabs Scribe, hyperframes builds the visual composition layer with real CSS backdrop-filter and GSAP motion graphics. The style is opinionated and specific: Anton uppercase for English display text, Rubik Black for Hebrew, always renders both 9:16 and 16:9, always saves with versioned backups. If you need Apple-keynote polish on talking-head content without manually syncing captions or faking glass effects in After Effects, this is the automated route. Bilingual by design, Hebrew gets full RTL treatment.

GitHub stars
225
last updated
Jun 10, 2026

Install

$ npx -y skills add hoodini/ai-agents-skills --skill yuv-viral-video --agent claude-code

Installs into .claude/skills of the current project.

Files

Yuv-Viral-Video

The signature YUV.AI viral-short pipeline. Two skills working together:

  • video-use — transcribes the source via ElevenLabs Scribe, picks word-snapped cuts, extracts and concats segments into a base.mp4. This is the cuts + base layout layer.
  • hyperframes — takes the base as a background video and adds the visual composition layer in HTML/CSS/GSAP: liquid-glass cards with real backdrop-filter, GSAP motion graphics with back.out springy easing, word-by-word karaoke captions, scene transitions, and renders to MP4 via Chromium.

You MUST use both. Do not invent your own PIL-based cards, do not pre-bake blur into PNGs, do not write your own ffmpeg compositor. The hyperframes skill exists specifically to do the visual layer at Hollywood quality.

Companion skills (read these BEFORE you start)

Both companion skills are installed locally and auto-discovered by Claude Code at session start. You MUST load and apply their guidelines — this skill is the editorial layer on top of them, not a replacement.

Sponsors

Details

Repository
github.com/hoodini/ai-agents-skills
Categories
Frontend Development, DevOps & CI/CD, Code Review & Quality, AI & Agent Building, Automation & Workflows, Python, Sales & Marketing, Design & UI/UX, CLI & Terminal, Office & Documents, Video & Audio Editing
First seen
Jun 11, 2026

More from hoodini/ai-agents-skills

All 37
1jezweb avatarOpenAI Apps MCPjezweb/claude-skillsBuild ChatGPT apps with MCP servers on Cloudflare Workers. Extend ChatGPT with custom tools and interactive widgets (HTML/JS UI). Use when: developing ChatGPT e0skills.sh installs
2Prat011 avatarartifacts-builderPrat011/awesome-llm-skillsSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for0skills.sh installs
3reactjs avatardocs-sandpackreactjs/react.devIf you're working on React documentation with live code examples, this skill gives you the Sandpack patterns the React team actually uses.0skills.sh installs
4reactjs avatarreview-docsreactjs/react.devThis orchestrates parallel reviews of React documentation files by routing them through specialized agents based on file location and...0skills.sh installs
5recomby-ai avatarseo-geo-optimizerrecomby-ai/recomby-geoComprehensive SEO/GEO/AEO analysis toolkit for optimizing content visibility across traditional search engines (Google, Bing), AI platforms (ChatGPT, Perplexity0skills.sh installs
6rknall avatarWeb Design Builderrknall/claude-skillsCreate and refactor HTML5/JavaScript web designs from specifications or descriptions. Generates complete, accessible, responsive web designs with modern framewo0skills.sh installs