skills.rest
phantom
phantomOFFICIAL
Explore all skills by this author →
Website𝕏@phantomGitHub

setup-react-app

Scaffold a React app with Phantom Connect SDK wallet and social login support.

7|8|Updated Feb 18, 2026
Search Tags:#react#scaffolding#sdk#wallet integration#social login#phantom connect
One-click install
npx skills add https://github.com/phantom/phantom-connect-cursor-plugin --skill setup-react-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: setup-react-app
Source: https://github.com/phantom/phantom-connect-cursor-plugin/tree/main/skills/setup-react-app
Command: npx skills add https://github.com/phantom/phantom-connect-cursor-plugin --skill setup-react-app

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @phantom/react-sdk, @solana/web3.js, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the setup of a new React application, integrating the Phantom Connect SDK for seamless wallet connectivity and social login.

Core Features & Use Cases

  • Project Scaffolding: Quickly generate a new React project with pre-configured Phantom SDK.
  • Wallet Integration: Includes PhantomProvider, ConnectButton, and essential hooks for managing wallet state.
  • Social Login: Supports easy configuration for Google and Apple social logins.
  • Use Case: When a user wants to start a new web application that requires users to connect their Phantom wallet for transactions or authentication.

Quick Start

Use the setup-react-app skill to scaffold a new React project with Phantom Connect.

Frequently Asked Questions about setup-react-app

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a React app with Phantom wallet integration?▼

To scaffold a React app with Phantom wallet integration, use this Skill to automatically generate a new project pre-configured with the Phantom Connect SDK. It sets up the necessary provider and hooks for immediate wallet connectivity.

Can I enable social login in a React application using the Phantom Connect SDK?▼

Yes, you can enable social login in a React application using the Phantom Connect SDK. This Skill configures social providers like Google and Apple, allowing users to authenticate without a traditional wallet extension.

Does the Phantom Connect SDK support both Solana and Ethereum wallets?▼

Yes, the Phantom Connect SDK supports both Solana and Ethereum wallets. The scaffolding process allows you to configure specific address types, utilizing the @solana/web3.js library for core blockchain functionality.

What dependencies are required to set up a React project with Phantom Connect?▼

Setting up a React project with Phantom Connect requires the @phantom/react-sdk for wallet connectivity and hooks, alongside @solana/web3.js for handling Solana blockchain interactions and address types.

What components are included when generating a React app with Phantom Connect?▼

Generating a React app with Phantom Connect includes essential components like the PhantomProvider for state management and a ConnectButton for user interaction. It also provides hooks to manage wallet connectivity state.

When should I use an automated scaffolding tool for React wallet integration?▼

You should use automated scaffolding for React wallet integration when starting a new web application that requires users to connect their Phantom wallet for transactions or authentication, saving manual SDK configuration time.

Related Skills

Explore More Software Engineering Skills→
JoaquinCampoJoaquinCampo
3

web-artifacts-builder

Bundle React frontend artifacts into a single self-contained HTML file.

Community
Advanced
developerfreddeveloperfred

stacks-integration

Connect Stacks wallets and manage transactions using @stacks/connect and @stacks/transactions.

Community
Intermediate
hii-saikrishnahii-saikrishna

animated-component-libraries

Provide pre-built animated React components for UI development.

Community
Advanced
agentic-reserveagentic-reserve
1

solana-mobile

Develop Solana mobile dApps with React Native and Mobile Wallet Adapter.

Community
Advanced