Create AI marketing videos and images from inside Cursor. Human-approved Meta ad workspace with Arcads creative generation.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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…
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
HyperFrames CLI dev loop — npx hyperframes for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (tts…
Skill Claude CodeCodex
Asset preprocessing for HyperFrames compositions — text-to-speech narration (Kokoro), audio/video transcription (Whisper), and background removal for transparent overlays (u2net). Use when generating voiceover from text, transcribing speech for captions, removing the background from a video or image to use as a…
Skill Claude CodeCodex
Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet…
Skill Claude CodeCodex
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation…
Skill Claude CodeCodex
Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lottiefiles/dotlottie-web players, registering instances on window.hfLottie, or making After Effects exports deterministic in HyperFrames.
Skill Claude CodeCodex
Translate an existing Remotion (React-based) video composition into a HyperFrames HTML composition. Use ONLY when the user explicitly asks to port, convert, migrate, translate, or rewrite a Remotion composition as HyperFrames (e.g. "port my Remotion project to HyperFrames"). Do NOT use when (a) authoring a NEW…
Skill Claude CodeCodex
Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects created with hyperframes init --tailwind, writing Tailwind utility classes in composition HTML, adding CSS-first Tailwind v4 theme tokens, debugging v3 vs v4 syntax, or deciding when to compile Tailwind to…
Skill Claude CodeCodex
Three.js and WebGL adapter patterns for HyperFrames. Use when creating deterministic Three.js scenes, WebGL canvas layers, AnimationMixer timelines, camera motion, shader-driven visuals, or canvas renders that respond to HyperFrames hf-seek events.
Skill Claude CodeCodex
TypeGPU and raw WebGPU adapter patterns for HyperFrames. Use when creating GPU-rendered compositions with TypeGPU, raw WebGPU, WGSL fragment shaders, compute pipelines, liquid glass effects, particle systems, or any canvas layer driven by navigator.gpu that responds to HyperFrames hf-seek events.
Skill Claude CodeCodex
Web Animations API adapter patterns for HyperFrames. Use when authoring element.animate() motion, Animation currentTime seeking, document.getAnimations(), KeyframeEffect timing, fill modes, or native browser animations that must render deterministically in HyperFrames.
Skill Claude CodeCodex
Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn this into a video", "make a promo from my site", (3) the user wants a social ad, product tour, or any video based on an existing website, (4) the user shares a…
Skill Claude CodeCodex
Research, prepare, and deploy finished creatives to Meta (Facebook/Instagram) through the Marketing API. Lists destinations, optionally creates PAUSED campaign structure, uploads images or videos, creates multi-copy TEXTLIQUIDITY ads in PAUSED state, records lineage, and hands deployed IDs to the read-only performance…
Skill Claude CodeCodex
Orchestrates human-approved, end-to-end Meta ad campaigns from competitor research through test concepts, Arcads image/video generation or cloning, human ad copy, PAUSED deployment, explicit activation, and threshold-based performance review. Applies when a user asks to build, launch, test, or iterate a complete…
Skill Claude CodeCodex
Creates and retrieves AI video and image-related assets via the Arcads external API (Seedance 2.0, Sora 2, Veo 3.1, Kling, Grok Video, Nano Banana, b-roll, scene, script/actor flows). Loads prompts from the bundled prompting guide and model library, prefers the pre-encoded ARCADSBASICAUTH header with an ARCADSAPIKEY…
Skill Claude CodeCodex
Analyze a reference video and reverse-engineer its style into a reusable Seedance 2.0 prompting template. The output is a new skill/formula (like seedance-2-ugc.md) that captures the video's structure, pacing, camera work, edit style, and tone so it can be recreated with any product, any person, in any setting. Use…
Skill Claude CodeCodex
Clone an existing video ad for a different product or offer. Analyzes the source video's style, pacing, camera work, dialogue, and tone, then adapts and generates a new Seedance 2.0 video customized for the user's product. End-to-end workflow: input video → analysis → adapted prompt → generation → delivery. Use when…
Skill Claude CodeCodex
Create and retrieve AI images, videos, and audio through the optional Arcads MCP server (no .env, no curl, no presigned-upload scripts) — Nano Banana / gpt-image / Seedream / Grok images, Seedance 2.0 / Sora 2 / Veo 3.1 / Kling / Grok videos, TTS, talking-head actors, and media editing (stitch, trim, subtitles…
Skill Claude CodeCodex
Generate one or more standalone Meta image-ad creatives via ChatGPT Image 2 (gpt-image-2) through the optional Arcads MCP server. Uses arcadsgenerateimagegpt and polls with arcadswatchasset. Locks the model, strips platform chrome, enforces edge-safe layouts and glyph-safety in body text. Use only when the user…
Skill Claude CodeCodex
Generate one or more standalone Meta image-ad creatives via ChatGPT Image 2 (gpt-image-2) through the Arcads external API. Locks the model, auto-strips platform chrome, enforces edge-safe layouts and glyph-safety inside body text. Use when the user asks for a "gpt-image-2 ad", "ChatGPT Image ad", "Image 2 ad…
Skill Claude CodeCodex
Produce an Aardman/Laika-style stop-motion claymation video ad end-to-end through the optional Arcads MCP server: gpt-image-2 storyboards, Seedance 2.0 animation, Arcads TTS, stitching, and subtitles. Use only when the user explicitly requests Arcads MCP or has selected MCP transport and the tools are available in the…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: