Featured

Deploy OpenClaw in 60 seconds — 20% off logoDeploy OpenClaw in 60 seconds — 20% off

Launch OpenClaw on Hostinger in about 60 seconds and keep your agent live 24/7. Our referral link gives you 20% off, no coupon code needed.

Launch on Hostinger
Run your Hermes agent on Hostinger, fully managed logoRun your Hermes agent on Hostinger, fully managed

Launch Hermes on Hostinger in one click, fully managed, no VPS knowledge needed. Use code ZACAARON10 for 10% off.

Launch on Hostinger
Crawl and scrape any site into clean data, 10% off logoCrawl and scrape any site into clean data, 10% off

Firecrawl crawls and scrapes any site into clean markdown for your agent. Get 1,000 free credits, and new users get 10% off their first purchase.

Try Firecrawl free
6,000+ web scrapers for your AI agent, start free logo6,000+ web scrapers for your AI agent, start free

Apify gives your agent live web data: 6,000+ prebuilt scrapers and actors, MCP-ready. Sign up free with $5 in usage credits.

Try Apify free
One API to scrape, enrich, and extract the internet. logoOne API to scrape, enrich, and extract the internet.

Context.dev gives your agents a single API to scrape, enrich, and extract live web data — no proxies, no parsers, no maintenance.

Start building free
SetupClaw: done-for-you OpenClaw for founders & exec teams logoSetupClaw: done-for-you OpenClaw for founders & exec teams

White-glove OpenClaw for founders and exec teams (4–50+ employees): we install, harden, integrate your tools, and maintain it — secured from day one.

Get it set up for you
SEO data APIs for your agent, $1 free credit logoSEO data APIs for your agent, $1 free credit

DataForSEO gives your agent live access to SERP results, keyword data, backlinks, and on-page SEO data through one API. New accounts get a $1 credit, good for up to 20,000 keyword or backlink lookups.

Try DataForSEO free
Reach 48,000+ AI builders

A flat monthly placement in front of developers actively installing AI tools. No lock-in, cancel anytime.

Advertise here
primer-web-components logo

primer-web-components

primer-skills

OtherClaude Codeby primer-io

Summary

Build checkout and payment experiences using Primer's web components. Covers React integration, SSR support, event handling, and CSS theming.

Install to Claude Code

/plugin install primer-web-components@primer-skills

Run in Claude Code. Add the marketplace first with /plugin marketplace add primer-io/examples if you haven't already.

README.md

Primer Beta Documentation & Examples

This repository hosts the public documentation and integration examples for Primer's Beta Primer Components.

Overview

  • /docs - Official documentation for Beta SDK Components
  • /examples - Integration examples for Beta Primer Components
  • /packages - Shared utilities and components

Quick Start

Documentation

# Install dependencies
yarn install

# Start documentation site
yarn dev

Run examples

  • navigate to /examples/ folder and
  • choose an example to run
  • follow the README instructions

Documentation

Our documentation is built with Docusaurus and can be found in the /docs directory. Key sections include:

  • Getting Started
  • Component API Reference
  • Integration Guides
  • Customization & Theming
  • Migration Guides

Examples

The /examples directory contains working implementations using Beta Primer Components:

  • Basic Checkout Flow
  • Custom Layout Examples
  • Framework-Specific Integrations (React, Vue, Angular)
  • Advanced Customization Examples

Each example includes:

  • Source code
  • README with setup instructions
  • Live demo link (where applicable)

Contributing

We welcome contributions! Here's how you can help:

1. Fork the repository 2. Create a feature branch (git checkout -b feature/amazing-update) 3. Commit your changes (git commit -m 'Add amazing update') 4. Push to the branch (git push origin feature/amazing-update) 5. Open a Pull Request

Development Guidelines

  • Follow the existing code style
  • Update documentation for changes

Project Structure

.
├── docs/                 # Documentation site
├── examples/            # Integration examples
│   ├── react/
│   ├── vue/
│   └── ...
└── packages/           # Shared utilities
    └── common/

Reporting Issues

Support

Related plugins

Browse all →