How do I install the Mraid Ad Integration skill?

Run npx skillmds@latest add meyverick/mraid-ad-integration in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Mraid Ad Integration safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Mraid Ad Integration?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Mraid Ad Integration free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Mraid Ad Integration?

meyverick (@meyverick) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Mraid Ad Integration by meyverick — Agent Skill

Name: Mraid Ad Integration
Author: meyverick

File contents

MRAID Ad Integration

This skill enforces the strict integration of the MRAID (Mobile Rich Media Ad Interface Definitions) API. MRAID is mandatory for in-app HTML5 playable ads.

When to Use

Use when building playable ads requiring MRAID wrappers.
Use when handling the final Call To Action (CTA) click out to the App Store.
NOT for standard desktop browser web games.

Core Process

Phase 1: MRAID Initialization

Check if MRAID exists: typeof mraid !== 'undefined'.
Do not start the heavy game loop (rendering, audio) until mraid.getState() === 'default' AND mraid.isViewable() === true.
Listen for the ready and viewableChange events.

Phase 2: The Call to Action (CTA)

Playable ads exist solely to drive clicks to the App Store.
The final user click must trigger mraid.open(storeUrl). Do not use window.open.

Phase 3: Resize and Orientation

Listen to mraid.addEventListener("sizeChange", ...).
Ensure the Canvas resizes seamlessly based on the MRAID container dimensions, not window.innerWidth.

Common Rationalizations

Rationalization	Reality
"I'll just start the game immediately on script load."	The ad may load off-screen in the background. Starting audio or heavy rendering before `mraid.isViewable()` violates ad network policies and drains battery.
"I'll use `<a href='...'>` for the install button."	In-app environments hijack standard links poorly. You must bind click events directly to `mraid.open(url)`.

Red Flags

Missing mraid.isViewable() checks before initiating requestAnimationFrame loops.
Audio playing unconditionally before the user interacts or the ad is fully visible.

Verification

Before finalizing the MRAID integration:

The game loop pauses and resumes based on mraid.viewableChange events.
Store redirects are routed explicitly through mraid.open().
window.mraid null checks are wrapped around all MRAID logic to prevent testing crashes in desktop browsers.

---name: mraid-ad-integrationdescription: Integrates the MRAID API into HTML5 playable ads. Use when handling ad viewability, orientation changes, and mandatory store CTA hooks.---# MRAID Ad IntegrationThis skill enforces the strict integration of the MRAID (Mobile Rich Media Ad Interface Definitions) API. MRAID is mandatory for in-app HTML5 playable ads.## When to Use- **Use when** building playable ads requiring MRAID wrappers.- **Use when** handling the final Call To Action (CTA) click out to the App Store.- **NOT for** standard desktop browser web games.## Core Process### Phase 1: MRAID Initialization- Check if MRAID exists: `typeof mraid !== 'undefined'`.- Do not start the heavy game loop (rendering, audio) until `mraid.getState() === 'default'` AND `mraid.isViewable() === true`.- Listen for the `ready` and `viewableChange` events.### Phase 2: The Call to Action (CTA)- Playable ads exist solely to drive clicks to the App Store.- The final user click must trigger `mraid.open(storeUrl)`. Do not use `window.open`.### Phase 3: Resize and Orientation- Listen to `mraid.addEventListener("sizeChange", ...)`.- Ensure the Canvas resizes seamlessly based on the MRAID container dimensions, not `window.innerWidth`.## Common Rationalizations| Rationalization | Reality ||---|---|| "I'll just start the game immediately on script load." | The ad may load off-screen in the background. Starting audio or heavy rendering before `mraid.isViewable()` violates ad network policies and drains battery. || "I'll use `<a href='...'>` for the install button." | In-app environments hijack standard links poorly. You must bind click events directly to `mraid.open(url)`. |## Red Flags- Missing `mraid.isViewable()` checks before initiating `requestAnimationFrame` loops.- Audio playing unconditionally before the user interacts or the ad is fully visible.## VerificationBefore finalizing the MRAID integration:- [ ] The game loop pauses and resumes based on `mraid.viewableChange` events.- [ ] Store redirects are routed explicitly through `mraid.open()`.- [ ] `window.mraid` null checks are wrapped around all MRAID logic to prevent testing crashes in desktop browsers.

Frequently asked questions

Mraid Ad Integration