mcpbeat Sign in

Phantom Connect Agent Skill

> Build wallet-connected applications with the Phantom Connect SDK for Solana. Use when integrating Phantom wallets into React, React Native, or vanilla JS/TS apps — including wallet connection, social login (Google/Apple), transaction signing, message signing, token-gated access, crypto payments, and NFT minting. Covers @phantom/react-sdk, @phantom/react-native-sdk, and @phantom/browser-sdk.

12k tokens
context cost
the whole folder, loaded on every use
8
files
instructions only
0
copies elsewhere
how many repositories repackaged it
122
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/sendaifun/skills --skill phantom-connect

What comes with it

41 209 bytes besides the instruction
references/browser-sdk.md
references/nft-minting.md
references/payments.md
references/react-native-sdk.md
references/react-sdk.md
references/token-gating.md
references/transactions.md

The instruction itself

12 sections, as written by the author

Phantom Connect SDK

Build wallet-connected Solana applications with the Phantom Connect SDK ecosystem.

SDK Selection

| Platform | SDK | Package |

|----------|-----|---------|

| React web apps | React SDK | @phantom/react-sdk |

| React Native / Expo | React Native SDK | @phantom/react-native-sdk |

| Vanilla JS / Vue / Angular | Browser SDK | @phantom/browser-sdk |

Prerequisites

  • Phantom Portal Account — Register at phantom.com/portal
  • App ID — Get from Portal → App → Set Up
  • Allowlisted URLs — Add domains and redirect URLs in Portal

Auth Providers

| Provider | Description | Requires appId |

|----------|-------------|----------------|

| "injected" | Phantom browser extension | No |

| "google" | Google OAuth (embedded wallet) | Yes |

| "apple" | Apple ID (embedded wallet) | Yes |

Critical Rules

  • Always use signAndSendTransactionsignTransaction and signAllTransactions are NOT supported for embedded wallets
  • Always use LAMPORTS_PER_SOL from @solana/web3.js for amount conversion — never hardcode 1000000000
  • Wrap all async SDK calls in try-catch — users can reject prompts at any time
  • Check isConnected before signing — verify wallet connection before any operation
  • React Native: react-native-get-random-values must be the FIRST import — before any other imports
  • BrowserSDK must be a singleton — create one instance per app, never multiple
  • Import AddressType from @phantom/browser-sdk only
  • Use devnet for testing, mainnet-beta for production — never test against mainnet with real funds
  • Never expose private keys — Phantom handles all signing internally

10. Embedded wallet spending limit: $1,000 USD per day per app per user

11. Social login sessions persist 7 days from last auth event — handle expiration gracefully

Quick Start

React SDK

import { PhantomProvider, useModal, usePhantom, darkTheme } from "@phantom/react-sdk";
import { AddressType } from "@phantom/browser-sdk";

function App() {
  return (
    <PhantomProvider
      config={{
        providers: ["google", "apple", "injected"],
        appId: "your-app-id",
        addressTypes: [AddressType.solana],
        authOptions: { redirectUrl: "https://yourapp.com/callback" },
      }}
      theme={darkTheme}
    >
      <YourApp />
    </PhantomProvider>
  );
}

React Native SDK

// CRITICAL: Must be first import
import "react-native-get-random-values";
import { PhantomProvider, AddressType, darkTheme } from "@phantom/react-native-sdk";

// Requires app.json: { "expo": { "scheme": "myapp", "plugins": [...] } }

Browser SDK

import { BrowserSDK, AddressType } from "@phantom/browser-sdk";

const sdk = new BrowserSDK({
  providers: ["google", "apple", "injected"],
  appId: "your-app-id",
  addressTypes: [AddressType.solana],
  autoConnect: true,
});

Reference Docs

For detailed implementation patterns, read these files:

  • references/react-sdk.md — Complete React SDK reference (hooks, components, theming)
  • references/react-native-sdk.md — Mobile setup, Expo config, deep links
  • references/browser-sdk.md — Vanilla JS patterns, events, wallet discovery
  • references/transactions.md — Solana transaction patterns (SOL, SPL tokens)
  • references/payments.md — Crypto payment flows (SOL, USDC, backend verification)
  • references/token-gating.md — Token-gated access (client-side, server-side, NFT)
  • references/nft-minting.md — NFT mint pages, Metaplex Core, compressed NFTs

Common Issues

| Issue | Solution |

|-------|----------|

| "appId required" | Add appId from Phantom Portal when using google/apple providers |

| Redirect not working | Allowlist redirectUrl in Phantom Portal |

| React Native crashes | Import react-native-get-random-values as FIRST import |

| Extension not detected | Use waitForPhantomExtension() with timeout |

| signTransaction error | Use signAndSendTransaction instead — embedded wallets don't support signTransaction |

Resources

Other skills for the same job

different authors, same section of the catalogue
Edgartools
by christophacham
×2

Python library for accessing, analyzing, and extracting data from SEC EDGAR filings. Use when working with SEC filings, financial statements (income statement, balance sheet, cash flow), XBRL financial data, insider trading (Form 4), institutional holdings (13F), company financials, annual/quarterly reports (10-K, 10-Q), proxy statements (DEF 14A), 8-K current events, company screening by ticker/CIK/industry, multi-period financial analysis, or any SEC regulatory filings.

15k tokens
Altllm Portal API Keys
by internet-court
×1

Use this skill when the user asks to list, create, inspect, update, disable, re-enable, or revoke AltLLM Portal API keys for external agents or applications. Do NOT use for wallet login, billing history, or payment links.

1k tokens
Altllm Portal Auth
by internet-court
×1

Use this skill when the user asks to log in or out with a wallet session, fetch a wallet sign-in challenge, verify an externally signed challenge, or troubleshoot AltLLM Portal wallet login for the local altllm CLI. Do NOT use for API key management, billing history, or payment links.

2k tokens
Altllm Portal CLI
by internet-court
×1

Use this umbrella skill when the request spans multiple AltLLM Portal CLI domains, or when you need to navigate the local altllm CLI in this repository across auth, API keys, billing history, NOWPayments payment links, and related x402 Portal top-up guidance.

2k tokens
Chaingpt
by internet-court
×1

Build with the ChainGPT Web3 AI developer platform. Full API/SDK reference and project scaffolding for: Web3 AI Chatbot & LLM, AI NFT Generator, Smart Contract Generator, Smart Contract Auditor, AI Crypto News, AgenticOS Twitter agents, and Solidity LLM. Use when building blockchain apps, Web3 chatbots, NFT tools, smart contract tools, crypto news feeds, AI agents, or integrating any ChainGPT API. Triggers: chaingpt, web3 ai, nft generator, smart contract audit, crypto news api, agenticos, solidity llm, cgpt, blockchain ai, token analytics.

4k tokens
Mppx
by internet-court
×1

TypeScript SDK for the Payment HTTP Authentication Scheme. Handles 402 Payment Required flows with Tempo, Stripe, and other payment methods. Use when integrating payments or mppx into a client or server application.

4k tokens
Near API Js
by internet-court
×1

>- Guide for developing with near-api-js v7 - the JavaScript/TypeScript library for NEAR blockchain interaction. (3) calling smart contracts, (4) managing accounts and keys, (5) working with NEAR RPC API, (6) handling FT/NFT tokens on NEAR, (7) using NEAR cryptographic operations (KeyPair, signing), (8) converting between NEAR units (yocto, gas), (9) gasless/meta transactions with relayers, (10) NEP-413 message signing for authentication, (11) storage deposit management for FT contracts. Triggers on any NEAR blockchain development tasks.

13k tokens
Near Kit
by internet-court
×1

TypeScript library for NEAR Protocol blockchain interaction. Use this skill when writing code that interacts with NEAR Protocol, including viewing contract data, calling contract methods, sending NEAR tokens, building transactions, creating type-safe contract wrappers, integrating wallets (Wallet Selector, HOT Connect), React hooks and providers (@near-kit/react), managing keys, testing with sandbox, meta-transactions (NEP-366), and message signing (NEP-413).

8k tokens

How to use it

Copy the folder

Take sendaifun/phantom-connect from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.