Primer Android Checkout

Name: Primer Android Checkout
Author: Primer

primer-io/examples

Updated April 30, 2026
primer-io/examples

primer-android-checkout helps you build checkout and payment experiences with Primer's Android CheckoutComponents SDK, covering Jetpack Compose composables, the controller pattern, slot-based customization, Material 3 theming, and the full API reference. Android developers use it to integrate Primer payments into an app with idiomatic Compose UI.

Key points

Primer Android CheckoutComponents SDK
Jetpack Compose composables
Controller pattern & slots
Material 3 theming
Full API reference

Primer Android Checkout by the numbers

Data as of Jul 7, 2026 (Skillselion catalog sync)

/plugin marketplace add primer-io/examples

/plugin install primer-android-checkout@primer-skills

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

[![Listed on Skillselion](https://skillselion.com/badge/skills/primer-io/examples/claude-code-skills.svg)](https://skillselion.com/skills/primer-io/examples/claude-code-skills)

Last updated	April 30, 2026
Repository	primer-io/examples ↗

What it does

Build Android checkout and payment experiences with Primer's CheckoutComponents SDK using Jetpack Compose, the controller pattern, slot customization, and Material 3 theming.

README.md

Primer Skills for Claude Code

Official Primer skills for Claude Code and compatible AI coding assistants. Skills provide comprehensive reference documentation and best practices for building payment experiences with Primer.

What are Skills?

Skills are packaged knowledge bases that AI coding assistants can reference while you work. They contain:

Component API documentation
Integration patterns and examples
Best practices and common pitfalls
Troubleshooting guides
Framework-specific instructions

Available Skills

primer-web-components

Version: 1.0.0

What it includes:

Complete component reference for Primer Checkout web components
React integration patterns (React 18 & 19)
Critical best practices (stable object references, event handling)
SSR support documentation (Next.js, SvelteKit)
CSS theming guide
Common troubleshooting scenarios

Directory: primer-web-components/

primer-ios-checkout

Version: 1.0.0

What it includes:

Complete scope protocol reference for all payment method scopes
SwiftUI integration patterns (NavigationStack, sheets, full-screen covers)
UIKit support via PrimerCheckoutPresenter
Design token theming with PrimerCheckoutTheme
State management via AsyncStream and onCompletion
Card form customization with field-level control
Common troubleshooting scenarios

Directory: primer-ios-checkout/

primer-android-checkout

Version: 1.2.0

What it includes:

Complete composable API reference for Checkout Sheet and Host
Controller pattern with remember*Controller functions
Card form, Klarna, and QR code controller documentation
Payment method flow reference and MANUAL handling mode
Material 3 theming, slot-based customization, state observation
Expanded error reference with concrete error IDs
57 supported locales, troubleshooting guide

Directory: primer-android-checkout/

Installation

Method 1: Via Marketplace (Recommended)

The easiest way to install Primer skills is through the Claude Code marketplace:

# Add Primer marketplace
/plugin marketplace add primer-io/examples

# Install skills (choose one or more)
/plugin install primer-web-components@primer-skills
/plugin install primer-ios-checkout@primer-skills
/plugin install primer-android-checkout@primer-skills

After installation, restart Claude Code. The skill will automatically activate when you're working with Primer components.

Method 2: Manual Installation

For Claude Code, Cursor, or other AI coding assistants:

cd ~/.claude/skills  # or ~/.cursor/skills for Cursor
git clone --depth 1 https://github.com/primer-io/examples.git temp

# Copy the skill(s) you need
mv temp/claude-code-skills/primer-web-components ./      # Web
mv temp/claude-code-skills/primer-ios-checkout ./         # iOS
mv temp/claude-code-skills/primer-android-checkout ./     # Android

rm -rf temp

Or download directly from GitHub:

Navigate to the skill directory on GitHub
Download the folder (use repo's "Code" → "Download ZIP" and extract the skill folder)
Copy to your skills directory:
- macOS/Linux: ~/.claude/skills/<skill-name>/
- Windows: %USERPROFILE%\.claude\skills\<skill-name>\
Restart your AI assistant

Verifying Installation

After installation, verify the skill is loaded by asking your AI assistant:

Do you have access to the Primer <web components|iOS checkout|Android checkout> skill?

The assistant should confirm it has access to the skill documentation.

When to Use Skills vs Context7

Use Primer Skills when:

You're working in your IDE and want integrated assistance
You need offline access to documentation
You want best practices and patterns included automatically
You're focused on implementation and troubleshooting

Use Context7 when:

You want the absolute latest documentation updates
You're using web-based LLMs (ChatGPT, Claude.ai)
You need to verify against the live documentation
You're researching new features or API changes

Best Practice: Use both together! The skill provides workflow guidance while Context7 ensures you have the latest API information.

Version History

v1.2.0 (2026-03-20)

primer-android-checkout: Source-verified update against SDK 3.0.0-beta.2
- Added Klarna controller, QR code controller, and payment method flows documentation
- Added MANUAL payment handling, PrimerSessionIntent, expanded error IDs
- Fixed data classes against source: PrimerClientSession (4→9 fields), PrimerPaymentMethod, Payment, PaymentInstrumentData
- Added compose patterns: Klarna, QR code, Google Pay, error recovery, vault-only flow