setup-browser-app

Scaffold vanilla JavaScript or TypeScript apps with the Phantom Browser SDK.

7|8|Updated Feb 18, 2026
One-click install
npx skills add https://github.com/phantom/phantom-connect-cursor-plugin --skill setup-browser-app
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: setup-browser-app
Source: https://github.com/phantom/phantom-connect-cursor-plugin/tree/main/skills/setup-browser-app
Command: npx skills add https://github.com/phantom/phantom-connect-cursor-plugin --skill setup-browser-app

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill simplifies the process of integrating Phantom wallet functionality into framework-agnostic JavaScript or TypeScript applications, enabling seamless web3 interactions without relying on specific frontend frameworks.

Core Features & Use Cases

  • Direct Browser SDK Integration: Initialize and manage the Phantom Browser SDK for direct wallet connection and transaction signing.
  • Framework Agnostic: Suitable for any vanilla JS/TS project, including simple websites or applications not using React, Vue, Angular, etc.
  • Use Case: Quickly set up a basic webpage that allows users to connect their Phantom wallet, display their Solana and Ethereum addresses, and sign messages.

Quick Start

Use the setup-browser-app skill to scaffold a vanilla JS app with the Phantom Browser SDK.

Frequently Asked Questions about setup-browser-app

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

FAQPage Schema
How do I integrate Phantom wallet into a vanilla JavaScript or TypeScript app?

You can integrate Phantom wallet into a vanilla JavaScript or TypeScript app by scaffolding the project with the Phantom Browser SDK, which handles wallet connections, transaction signing, and message signing without requiring a frontend framework.

Can I connect and sign transactions on both Solana and EVM chains without using React?

Yes, you can connect and sign transactions on Solana and EVM chains without React by using the framework-agnostic Phantom Browser SDK to directly manage wallet connections and sign messages across both networks.

What dependencies do I need to set up a web3 wallet connection with the Phantom Browser SDK?

To set up a web3 wallet connection with the Phantom Browser SDK, you need to install the @phantom/browser-sdk and @solana/web3.js packages in your vanilla JavaScript or TypeScript project.

What is the best way to scaffold a framework-agnostic web3 application for Phantom wallet integration?

The best way to scaffold a framework-agnostic web3 application for Phantom wallet integration is using a dedicated setup tool that initializes the Phantom Browser SDK for direct wallet connection and transaction signing.

Does Phantom Browser SDK support signing messages and transactions in vanilla JS projects?

Yes, the Phantom Browser SDK supports signing messages and transactions directly in vanilla JS projects, allowing users to connect wallets, display addresses, and sign data across Solana and EVM chains.

Why use a scaffolding tool for Phantom wallet integration instead of manually adding the Browser SDK?

Using a scaffolding tool for Phantom wallet integration simplifies initialization by automatically configuring the Browser SDK and @solana/web3.js, saving time compared to manually setting up connection and signing logic in a vanilla project.