uniapp-ad

Integrates uni-ad monetization into uni-app applications including banner, interstitial, rewarded video, and native ad types with event handling and placement configuration. Use when the user needs to add ad monetization, configure ad types, handle ad load/show/close/error events, or optimize ad revenue in a uni-app project.

261 stars

bypartme-ai

View on GitHub Installation ↓

Best use case

uniapp-ad is best used when you need a repeatable AI agent workflow instead of a one-off prompt. It is especially useful for teams working in multi. Integrates uni-ad monetization into uni-app applications including banner, interstitial, rewarded video, and native ad types with event handling and placement configuration. Use when the user needs to add ad monetization, configure ad types, handle ad load/show/close/error events, or optimize ad revenue in a uni-app project.

Users should expect a more consistent workflow output, faster repeated execution, and less time spent rewriting prompts from scratch.

Practical example

Example input

Use the "uniapp-ad" skill to help with this workflow task. Context: Integrates uni-ad monetization into uni-app applications including banner, interstitial, rewarded video, and native ad types with event handling and placement configuration. Use when the user needs to add ad monetization, configure ad types, handle ad load/show/close/error events, or optimize ad revenue in a uni-app project.

Example output

A structured workflow result with clearer steps, more consistent formatting, and an output that is easier to reuse in the next run.

When to use this skill

Use this skill when you want a reusable workflow rather than writing the same prompt again and again.

When not to use this skill

Do not use this when you only need a one-off answer and do not need a reusable workflow.
Do not use it if you cannot install or maintain the related files, repository context, or supporting tools.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/uniapp-ad/SKILL.md --create-dirs "https://raw.githubusercontent.com/partme-ai/full-stack-skills/main/skills/uniapp-skills/uniapp-ad/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/uniapp-ad/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How uniapp-ad Compares

Feature / Agent	uniapp-ad	Standard Approach
Platform Support	Not specified	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

## When to use this skill

Use this skill whenever the user wants to:
- Integrate ads into uni-app
- Implement ad monetization
- Configure different ad types (banner, interstitial, rewarded video, etc.)
- Handle ad events (load, show, close, error)
- Optimize ad revenue
- Set up ad placement and timing
- Handle ad policies and compliance

## How to use this skill

To integrate ads:

1. **Identify the ad type** from the user's request:
   - Banner ads → Use banner examples
   - Interstitial ads → Use interstitial examples
   - Rewarded video → Use rewarded video examples
   - Native ads → Use native ad examples

2. **Load the appropriate example file** from the `examples/` directory:
   - `examples/guide/` - Ad integration guide
   - `examples/ad-types/` - Different ad type examples
   - `examples/integration/` - Integration examples

3. **Load the appropriate API reference** from the `api/` directory:
   - `api/ad-api.md` - uni-ad API reference

4. **Follow the specific instructions** in those files for integration

## Examples and Templates

### Examples

Located in `examples/`:

- **guide/** - Ad integration guide and setup
- **ad-types/** - Different ad type examples (banner, interstitial, rewarded video, etc.)
- **integration/** - Integration examples and best practices

### API Reference

Located in `api/`:

- **ad-api.md** - Complete uni-ad API reference

## Best Practices

1. **User experience**: Don't interrupt user experience with excessive ads
2. **Ad placement**: Place ads strategically for maximum revenue
3. **Loading**: Handle ad loading states properly
4. **Error handling**: Implement proper error handling for ad failures
5. **Compliance**: Follow ad policies and regulations

## Resources

- **Official Documentation**: https://uniapp.dcloud.net.cn/uni-ad/

## Keywords

uni-ad, 广告变现, banner广告, 激励视频, 插屏广告, ad monetization, ad integration

Related Skills

uniappx-uview-pro

261

from partme-ai/full-stack-skills

Integrates uView Pro component library into UniAppX (uni-app-x) projects with TypeScript and Composition API, including easycom configuration, pages.json and manifest.json setup, and platform-specific handling. Use when the user needs to add uView Pro components to a UniAppX project, configure TypeScript .uts integration, or handle cross-platform styling.

uniappx-project

261

from partme-ai/full-stack-skills

Provides per-component and per-API examples with platform compatibility details for uni-app-x (Vue 3 + TypeScript + Vite). Use when the user needs official uni-app-x built-in components, API references with examples, cross-platform compatibility checks, or conditional compilation guidance for uni-app-x projects.

uniappx-project-creator

261

from partme-ai/full-stack-skills

Creates new uni-app-x projects with Vue 3 + TypeScript + Vite via CLI or HBuilderX, including tsconfig.json setup, manifest.json and pages.json configuration, and Composition API project templates. Use when the user wants to scaffold a new uni-app-x project, initialize TypeScript project files, or set up the uni-app-x development environment.

uniapp-uview

261

from partme-ai/full-stack-skills

Integrates uView UI component library into UniApp projects including easycom configuration, pages.json and manifest.json setup, SCSS theming, and platform-specific handling (H5, mini-program, App, nvue). Use when the user needs to add uView UI components to a UniApp project, configure easycom auto-import, or handle cross-platform styling.

uniapp-ucharts

261

from partme-ai/full-stack-skills

Integrates uCharts data visualization into UniApp projects including easycom configuration, pages.json and manifest.json setup, platform-specific handling (H5, mini-program, App, nvue), and chart lifecycle management. Use when the user needs to add charts to a UniApp project, configure uCharts components, or handle cross-platform chart rendering.

uniapp-project

261

from partme-ai/full-stack-skills

Provides per-component and per-API examples with cross-platform compatibility details for uni-app, covering built-in components, uni-ui components, and APIs (network, storage, device, UI, navigation, media). Use when the user needs official uni-app components or APIs, wants per-component examples with doc links, or needs platform compatibility checks.

uniapp-project-creator

261

from partme-ai/full-stack-skills

Creates new uni-app projects via the official CLI or HBuilderX with Vue 2/Vue 3 template selection, manifest.json and pages.json configuration, and directory structure setup. Use when the user wants to scaffold a new uni-app project, initialize project files with a single command, or set up the development environment.

uniapp-plugin

261

from partme-ai/full-stack-skills

Browses, installs, configures, and manages plugins from the uni-app plugin market (ext.dcloud.net.cn) including component plugins, API plugins, and template plugins with dependency handling. Use when the user needs to find and install uni-app plugins, configure plugin settings, manage plugin dependencies, or integrate third-party components.

uniapp-native-plugin

261

from partme-ai/full-stack-skills

Develops native Android and iOS plugins for uni-app including module creation, JavaScript-to-native communication, and plugin packaging for distribution. Use when the user needs to build custom native modules, extend uni-app with native capabilities (camera, Bluetooth, sensors), or create publishable native plugins.

uniapp-native-app

261

from partme-ai/full-stack-skills

Packages uni-app projects as native Android APK/AAB and iOS IPA via offline packaging, covering manifest configuration, signing certificates, native plugin integration, and build distribution. Use when the user needs to package a uni-app as a native app, configure Android keystore or iOS provisioning, or set up offline build for distribution.

uniapp-mini

261

from partme-ai/full-stack-skills

Guides uni-app mini program development including configuration, component usage, API compatibility, and conditional compilation for WeChat, Alipay, Baidu, and other mini program platforms. Use when the user wants to build uni-app mini programs, configure mini program settings, or handle platform-specific differences.

uniapp-cloud

261

from partme-ai/full-stack-skills

Guides uniCloud cloud development in uni-app including project setup, cloud database CRUD operations, cloud function deployment, cloud storage file management, and datacom component data binding. Use when the user needs to integrate uniCloud services, work with cloud databases, create cloud functions, or manage cloud storage in a uni-app project.