Phantom Connect Skill for Claude

A skill that teaches Claude how to build wallet-connected Solana apps with Phantom Connect SDKs. Also covers DFlow spot token swaps and real-time market-data streaming.

What It Does

Once installed, Claude automatically uses this skill when you ask about:

• Connecting Phantom wallets in React, React Native, or vanilla JS
• Signing messages or transactions with Phantom
• Building token-gated pages
• NFT minting experiences
• Crypto payment flows
• Solana transactions and transfers
• DFlow spot token swaps
• Real-time market data (quotes, order book, priority fees) over WebSocket

Installation

Claude.ai

1. Download or clone this repo
2. Zip the skill/ folder
3. Go to Claude.ai > Settings > Capabilities > Skills
4. Click “Upload skill” and select the zip

Claude Code (Personal)

git clone https://github.com/DFlowProtocol/dflow_phantom-connect-skill.git
cp -r dflow_phantom-connect-skill/skill ~/.claude/skills/dflow-phantom-connect

Claude Code (Project)

cp -r dflow_phantom-connect-skill/skill .claude/skills/dflow-phantom-connect

Using the Install Script

# Install to personal directory (default)
./install.sh

# Install to project directory
./install.sh --project

# Install to custom location
./install.sh --path /custom/path/skills/dflow-phantom-connect

Skill Structure

skill/
├── SKILL.md                         # Main skill instructions (required)
└── references/                      # Detailed references (loaded as needed)
    ├── react-sdk.md                 # @phantom/react-sdk hooks, components, theming
    ├── react-native-sdk.md          # @phantom/react-native-sdk setup, Expo, deep links
    ├── browser-sdk.md               # @phantom/browser-sdk init, events, discovery
    ├── transactions.md              # SOL/SPL transfers, signing, fee estimation
    ├── token-gating.md              # Client-side and server-side token gating
    ├── nft-minting.md               # Mint pages, Metaplex Core, compressed NFTs
    ├── payments.md                  # SOL/USDC payments, checkout verification
    ├── dflow-crypto-trading.md      # DFlow spot swaps via /order
    └── dflow-websockets.md          # Real-time quote / order-book / priority-fee streaming

Example Prompts

"Create a Next.js app with Phantom wallet connection"
"Build a token-gated page that requires 100 BONK to access"
"Make an NFT mint page with quantity selector and status handling"
"Add crypto checkout to my e-commerce site"
"Help me send a Solana transaction with the React SDK"
"Convert this to use the Browser SDK instead of React"
"Add a DFlow swap flow to my app"
"Build a swap UI that lists wallet tokens on the FROM side"
"Show a live DFlow order book for a token pair"

SDK Choices

Prerequisites

All Phantom Connect integrations require:

1. Phantom Portal Account — phantom.com/portal/login
2. App ID — Get from Portal, required for Google/Apple social login
3. Allowlisted URLs — Add domains and redirect URLs in Portal

For DFlow integrations:

• Dev endpoints work without an API key but are rate-limited
• Apply for an API key before releasing to production
• In production, quote and book stream access is granted per key (separate from /order); request it from the DFlow team

How the Skill Works

The skill uses progressive disclosure. SKILL.md provides Claude with routing instructions and core knowledge. When a specific topic comes up, Claude reads the relevant file from references/ to get detailed implementation patterns. This keeps context usage efficient.

Related Resources

• Phantom Developer Docs
• Phantom Portal
• SDK Examples
• Phantom MCP Server
• DFlow MCP Server
• DFlow Docs

Contributing

Contributions welcome! Please ensure updates reflect current SDK best practices.

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Submit a pull request

License

MIT License — see LICENSE for details.