Skip to main content
affpapa.org
RU EN
skill Claude Code Gemini CLI CX Codex official · Google

ima-sdk-client-side — Claude Code skill: what it does, install

This skill supports Google IMA SDK integrations for client-side video and audio ads requested through VAST or VMAP. Use it for websites, apps, and TV platforms.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add google/skills --skill ima-sdk-client-side -a claude-code
Open on GitHub

What ima-sdk-client-side does

ima-sdk-client-side guides an agent through adding Google IMA SDK and requesting ads from a VAST-compliant ad server. Its workflow covers SDK setup, ad UI configuration, request creation, load and error handling, playback events through AdsManager, and cleanup.

The integration depends on the target platform guides. Web/HTML5/ReactJs/NodeJs/Angular projects use ima-sdk-web-guide.md, ima-sdk-web-iframe-mode.md, and ima-sdk-web-mobile-safari.md. Android and AndroidTV use ima-sdk-android-guide.md, while iOS and tvOS use their platform-specific guides.

Install this skill when the agent needs to plan or review client-side IMA SDK ad insertion. It is the wrong choice for DAI, SSAI, or SGAI.

What it helps with

  • add IMA SDK to a video player
  • request ads through VAST or VMAP
  • handle ad loading and playback errors
  • coordinate ad events with content playback
  • destroy AdsManager after playback

Example prompts for the agent

  • Integrate Google IMA SDK with this video player using `ima-sdk-web-guide.md`.
  • Show how to create a VMAP ad request and handle AdsManager events.
  • List the IMA SDK integration steps for ReactNative on Android.

How to install ima-sdk-client-side

1Skills CLI (Vercel)

npx skills add google/skills --skill ima-sdk-client-side -a claude-code

2Manually: put the files in place

~/.claude/skills/ima-sdk-client-side/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/ima-sdk-client-side/

From the same set172

The whole set →
bigquery-basics official google Manages BigQuery resources and runs SQL queries. Use it to create datasets, tables and views, or handle basic data ingestion and analysis. Claude Code Gemini CLI CX Codex 17,678installs cloud-run-basics official google This skill helps an agent manage Cloud Run services, jobs, and worker pools when a project needs HTTP deployment, scheduled work, or pull-based background processing. Claude Code Gemini CLI CX Codex 17,532installs gemini-api official google Connects Gemini API from Google Cloud Agent Platform to the agent. Gives access to Gemini models, multimodal input, function calling, and context caching. Claude Code Gemini CLI CX Codex 17,116installs google-cloud-recipe-auth official Google LLC This skill explains Google Cloud authentication and permissions. Use it when setting up IAM, ADC, or service accounts for local code and production workloads. Claude Code Gemini CLI CX Codex 15,450installs google-cloud-recipe-onboarding official Google LLC Guides a developer through a first Google Cloud project: CLI checks, sign-in, project setup and billing. It fits a personal first project. Claude Code Gemini CLI CX Codex 15,390installs cloud-sql-basics official google This skill helps create and explain Cloud SQL resources for MySQL, PostgreSQL, and SQL Server. Use it when setting up a database in Google Cloud. Claude Code Gemini CLI CX Codex 14,679installs google-cloud-waf-security official google This skill reviews Google Cloud workloads against the security pillar of the Well-Architected Framework and suggests actions for IAM, networks, data, and operations. Claude Code Gemini CLI CX Codex 14,620installs google-cloud-waf-cost-optimization official google Reviews Google Cloud workloads through the Well-Architected Cost Optimization pillar. Use it to inspect spending, resize resources, assess discounts, or find idle capacity. Claude Code Gemini CLI CX Codex 14,266installs

Similar

directives vercel-labs Pre-built directives for json-render: formatting, math, string handling, i18n. Wire them into your catalog and renderer with one import. Claude Code CX Codex Cursor +1 8,000installs accessibility-compliance Seth Hobson This skill guides accessibility audits and interface work involving keyboard navigation, screen readers, and forms. Use it when building against WCAG 2.2. Claude Code CX Codex Cursor 14,596installs site-md official google-labs-code Generates a .stitch/SITE.md constitution file from requirements or project briefs for the Stitch Build Loop. Claude Code CX Codex Cursor +1 3,600installs reference-core angular Explains the runtime architecture of Angular's packages/core. Use it when modifying Ivy instructions, dependency injection, or signals. Claude Code CX Codex Cursor +1 986installs e2e-tests-studio mastra-ai A skill that automatically generates Playwright E2E tests when you modify playground components. Tests product behavior—data persistence, feature workflows, action side effects—not just UI states. Claude Code CX Codex Cursor +1 2,500installs reference-signal-forms angular Explains Angular signal-based forms and helps agents navigate packages/forms/signals before changing its architecture or field bindings. Claude Code CX Codex Cursor +1 969installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. Claude Code CX Codex Cursor +1 673,100installs

Questions about ima-sdk-client-side

How do I install ima-sdk-client-side in Claude Code?

Run npx skills add google/skills --skill ima-sdk-client-side -a claude-code. The skill file is placed at ~/.claude/skills/ima-sdk-client-side/SKILL.md.

What does ima-sdk-client-side do?

It guides Google IMA SDK integrations for client-side video and audio ad insertion. The workflow includes ad requests, AdsManager events, error handling, and resource cleanup.

Can I use this skill for DAI or SSAI?

No. It is intended for client-side ad insertion through VAST or VMAP, not for DAI, SSAI, or SGAI.

Source text

SKILL.md · Apache-2.0 
---
name: ima-sdk-client-side
description: >-
  Supports Interactive Media Ads (IMA) SDK.
  Use this skill for client-side ad insertion when you are requesting video ads
  for websites, apps, TVs or other platforms using VAST or VMAP.
  Do not use for Dynamic Ad Insertion (DAI), SSAI, or SGAI.
license: Apache-2.0
metadata:
  author: Google LLC
  version: "1.0.2"
  category: GoogleAds
---
# IMA SDK client-side

The Google IMA SDK (Interactive Media Ads) lets you load in-stream video and
audio ads into websites, apps, TVs and other digital platforms. Use an IMA SDK
to request ads from any VAST-compliant ad server and manage ad playback.

## Prerequisites

Before integrating the IMA SDK, you **must** read the platform-specific guide
below to support all platforms that your app can support:

*   **Web/HTML5/ReactJs/NodeJs/Angular:** Read all these guides
    [ima-sdk-web-guide.md](references/ima-sdk-web-guide.md),
    [ima-sdk-web-iframe-mode.md](references/ima-sdk-web-iframe-mode.md),
    [ima-sdk-web-mobile-safari.md](references/ima-sdk-web-mobile-safari.md)
*   **Android/AndroidTV/ReactNative:** Read [ima-sdk-android-guide.md](references/ima-sdk-android-guide.md)
*   **iOS/tvOS/ReactNative:** Read all these guides
    [ima-sdk-ios-guide.md](references/ima-sdk-ios-guide.md),
    [ima-sdk-tvos-guide.md](references/ima-sdk-tvos-guide.md)

--------------------------------------------------------------------------------

## Quick start (general workflow)

1.  Import the SDK: Prerequisites, dependencies.
2.  Initialization: Early setup, Warmup, Settings Configuration, and Ad UI
    Setup.
3.  Ad Request: Creating and triggering the request, User gesture compliance.
4.  Ad Load Success/Failure: Handling the load event to get the AdsManager, or
    handling early fatal errors.
5.  Ad Playback Events: Listening to playback events via AdsManager to
    coordinate content play/pause, and handling non-fatal LOG events and fatal
    active playback errors.
6.  Cleanup: Properly destroying the AdsManager to release resources and prevent
    memory leaks.

For detailed, platform-specific implementation details, always refer to the
guides in the Prerequisites section.

© Google LLC · Apache-2.0 · google/skills

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor