Primer Skills
Ship Primer-powered checkout on web, iOS, and Android with agent skills that mirror official SDK docs and patterns.
Overview
primer-skills is a plugin marketplace for the Build phase that teaches agents how to integrate Primer checkout on web, iOS, and Android using official SDK skill packs.
What is this marketplace?
- 3 plugins: primer-web-components, primer-ios-checkout, primer-android-checkout
- Web: React integration, SSR, event handling, and CSS theming for Primer web components
- iOS: SwiftUI scope-based architecture, UIKit, theming, state management, payment method scopes
- Android: Jetpack Compose composables, controller pattern, slot customization, Material 3, full API reference
- Official Primer marketplace metadata v1.2.0 from developers@primer.io
- 3 plugins in the marketplace: web components, iOS checkout, Android checkout
- Marketplace metadata version 1.2.0
- Owner contact: developers@primer.io
What problem does it solve?
Payment SDKs span React SSR, SwiftUI scopes, and Compose controllers—easy to miswire events, theming, or method scopes without vendor-specific guidance in the agent.
Who is it for?
Indie SaaS or mobile shops adopting Primer who want Claude Code to follow official checkout integration conventions per platform.
Skip if: Teams not using Primer, or builders who only need generic Stripe Elements snippets without the Primer unified checkout model.
What do I get? / Deliverables
After adding the marketplace, your agent can scaffold and refine Primer checkout flows on your target platform with patterns aligned to Primer’s component APIs.
- Platform-appropriate Primer checkout UI wired to SDK patterns
- Theming, event handling, and payment-method scope usage per Primer docs
- Agent-guided fixes aligned with web, iOS, or Android plugin skill content
Plugins in this marketplace
3 plugins — install individually after you add the marketplace.
Recommended Marketplaces
Journey fit
Payment UI and SDK wiring land in the build phase when you connect processors and checkout flows to your product. Primer skills are integration guides for CheckoutComponents and web components—not generic frontend layout alone.
How it compares
Official multi-platform payment SDK skill marketplace, not a generic ecommerce theme or backend-only payments MCP.
Common Questions / FAQ
Who is Primer Skills for?
Solo builders and small teams shipping checkout with Primer on web (React), iOS, or Android who use Claude Code or compatible agents for implementation help.
When should I use Primer Skills?
Use it during build when you integrate Primer web components or CheckoutComponents SDKs, or during validate when you prototype a real payment UI before launch.
How do I add Primer Skills to my agent?
Add the primer-io/examples marketplace to Claude Code, install the plugin matching your stack (web, iOS, or Android), and invoke skills while implementing checkout screens and handlers.