ahwanulm

Marketing Demo Skills — AI skill for Claude Code

AI community

🎬 Cinematic HTML+GSAP motion graphic video ads toolkit & agent skill for AI video creators.

How to install Marketing Demo Skills

This entry records only its repository, not the path inside it, so there is no exact command to give. Open ahwanulm/marketing-demo-skills and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Marketing Demo Skills does

🎬 Cinematic HTML+GSAP motion graphic video ads toolkit & agent skill for AI video creators.

Alternatives in AI

Anthropic Quickstarts — by Anthropic - Offers comprehensive development guides for three distinct AI-powered demo projects with standa 15.4k ★
Gsap Skills — Official AI skills for GSAP 1.7k ★
Visual Skills — AI film director skills for agents: cinematic dramaturgy (Murch, blocking, montage) + exact prompt syntax for 212 ★

README

🎬 Marketing Demo Skills — Cinematic HTML+GSAP Video Ads Toolkit

Programmatic motion graphic video creation engine built with HTML, CSS, and GSAP.
Dirancang untuk AI Agent dan kreator video guna menghasilkan iklan video 16:9 & 9:16 (TikTok/Reels/Shorts) berkualitas sinematik langsung lewat kode — tanpa Adobe After Effects atau Premiere Pro.

🌟 Mengapa Toolkit Ini Berbeda?

Sebagian besar AI generator hanya memberikan teks naskah atau video AI generatif yang mahal dan sulit diedit. **Marketing Demo Skills** mengambil pendekatan rekayasa visual (*creative coding*):

100% Standalone HTML — Setiap iklan adalah satu file HTML mandiri dengan GSAP 3.12.5, Google Fonts, dan aset Base64. Dapat diputar langsung di browser tanpa build step.
Deterministic & Seek-Safe Engine — Animasi dirancang dengan timeline diskret (tl.seek(t, false)). Tidak ada glitch atau desync saat di-scrubbing.
Sinkronisasi Voiceover Otomatis — Naskah dibagi per kalimat ([vo-NN.mp3]) dengan timestamp terkalibrasi. Mendukung ElevenLabs (audio studio) dan Edge-TTS (100% gratis).
Proteksi Safe-Zone Medsos (9:16) — U