Mode Marketing's AI creative toolkit — 15 HyperFrames skills that turn a plain-English brief into a finished marketing video. Install once, then just describe the video you want.
Anime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compositions, registering animations on window.__hfAnime, making Anime.js seek-driven and deterministic, or translating Anime.js examples into render-safe HyperFrames HTML.
Author a new HyperFrames registry block (caption style, VFX block, transition, lower third) or component (text effect, overlay, snippet) and ship it as an upstream PR to the hyperframes repo. Use ONLY when the user wants to CONTRIBUTE to the public catalog — for in-project caption/transition authoring use the `hyperframes` skill, for installing existing registry items use the `hyperframes-registry` skill.
CSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or CSS-only motion that HyperFrames must seek deterministically during preview and rendering.
GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.
Generate images/videos via Higgsfield AI. Default: GPT Image 2 for images/design/text, Seedance 2.0 for video, Nano Banana 2/Pro for character/reference image work, Marketing Studio for ads with avatars/products/hooks, settings, plus Soul V2/Cinema/Cast/Location and Kling 3.0. Use when: "generate an image", "make a video", "animate this photo", "image-to-video", "edit/stylize/remix this image", "produce a clip", "create an ad", "make a UGC video", "product demo", "unboxing", "brand video", "presenter video", "import product from URL", "create avatar for ad", or "analyze video virality". Supports image-to-image, image-to-video, references, job/upload IDs, and Marketing Studio. Chain with higgsfield-soul-id for face/identity consistency. Virality Predictor (`brain_activity`) analyzes video virality: hook strength, attention, retention, distraction risk, and creative score. NOT for: Soul Character training (use higgsfield-soul-id), product photoshoots, marketplace listing cards, text/chat/TTS tasks.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
An AI creative studio that turns a short brief into finished, on-brand vertical (9:16) UGC-style videos for Mode's apps. You pick a presenter and answer a few quick questions; it writes the script, generates the AI presenter footage and B-roll, then edits everything together with animated captions, motion graphics, music, sound effects, and the app's call-to-action — and hands you ready-to-post videos, usually in several variations.
Built on the WAT framework (Workflows, Agents, Tools): plain-language playbooks guide the AI, which runs reliable, repeatable tools under the hood.
Everything runs through the /create-ugc-video command inside Claude. You don't touch code.
/create-ugc-video <persona> <app>
(e.g. /create-ugc-video single-mom-maria mode-earn).Either way, it never spends generation credits before you've approved the script.
Everything below is only needed to install and run the project on a machine — not for day-to-day
use of the /create-ugc-video command.
On a new Windows or Mac, follow workflows/setup_environment.md — or just tell Claude
"set up the environment." It runs tools/env_check.py, installs anything missing (each
failure prints the exact per-OS install command), builds the Python venv from
requirements.txt, and helps you create .env from .env.example.
python tools/env_check.py # shows what's missing (any OS, no venv needed)
Python 3.11, ffmpeg/ffprobe, Node/npx, git, yt-dlp (in the venv); optional: gh, Bun, uv.
env_check.py verifies them all. If the venv is recreated, also recreate
.venv/Lib/site-packages/sitecustomize.py (forces UTF-8 stdio so helper output doesn't crash
on Windows — see setup workflow step 4).
Real keys live in .env (gitignored — never committed). Copy .env.example to .env and fill
in the values: Higgsfield (AI footage), ElevenLabs (transcription), Gemini
(analyzes scraped competitor videos during research — Claude writes the scripts), plus optional
Apify (competitor scraping), Postiz, HeyGen, OpenRouter. Get the values from your team admin.
The repo ships the reusable assets (CTA, brand, screenshots, reviews, script-writing guide, SFX, music, props, fonts, personas). Heavy per-video AI clips and rendered edits are not in git — they live in the team's Google Shared Drive.
mode-ai-creative-loop/
├── .agents/skills/ ← bundled skills (video-use, hyperframes, higgsfield, …)
├── tools/ ← Python pipeline scripts (the WAT "tools")
├── workflows/ ← plain-language SOPs (create_ugc_video is the spine)
├── assets/ ← per-app brand, personas, CTA, SFX, music, script guides
├── requirements.txt ← Python dependencies for the venv
├── .venv/ ← project Python env (regenerable, gitignored)
└── .env ← API keys (gitignored)
npx claudepluginhub currentmobile/ua-social-creative-massposting --plugin mode-marketing-uaUltra-compressed communication mode. Cuts 65% of output tokens (measured) while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.