primer-web-components

primer-io/examples

Build checkout and payment experiences using Primer's web components. Use this skill when implementing payment flows, checkout pages, card forms, or integrating Primer SDK into React, Next.js, or vanilla JavaScript applications. Covers component usage, React integration patterns, stable object references, event handling, SSR support, and CSS theming.

0 stars

2 forks

7 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/primer-io/examples/tree/main/claude-code-skills/primer-web-components

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/primer-io/examples/tree/main/claude-code-skills/primer-web-components ~/.claude/skills/examples

# Project-specific

git clone https://github.com/primer-io/examples/tree/main/claude-code-skills/primer-web-components .claude/skills/examples

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/primer-io/examples/tree/main/claude-code-skills/primer-web-components"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/primer-io/examples/tree/main/claude-code-skills/primer-web-components

Option 2: Clone to extensions directory

git clone https://github.com/primer-io/examples/tree/main/claude-code-skills/primer-web-components ~/.gemini/extensions/examples