setup-browser-app

Official

Scaffold vanilla JS/TS apps with Phantom

Authorphantom
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

@phantom/browser-sdk@solana/web3.js

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: setup-browser-app
Download link: https://github.com/phantom/phantom-connect-cursor-plugin/archive/main.zip#setup-browser-app

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.