About install-wallet-ui-react-native
A skill for setting up Wallet UI in Expo React Native apps, with instructions selected according to the Solana library in use. It covers a modern `@solana/kit` path and a legacy `@solana/web3.js` v1 path for existing projects.
Key features
- 01Choose setup path by Solana library
- 02Instructions for `@solana/kit`
- 03Instructions for `@solana/web3.js`
- 04Compare API styles and bundle sizes
Use cases
- 01Set up Wallet UI in a new Expo app
- 02Configure UI in an app using `@solana/web3.js` v1
- 03Assess the setup path for moving to `@solana/kit`
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/install-wallet-ui-react-nativein Claude Code to confirm it loaded.
Bundled filessolana-kit.mdsolana-web3js.md
Details
From the project READMEInstall Wallet UI (React Native)
Overview
This skill helps you set up Wallet UI in your Expo React Native application. You need to choose which Solana library you are using, as the setup differs significantly.
Choose Your Path
1. Modern: @solana/kit (Recommended)
Use this if:
- You are starting a new project.
- You prefer the modern, lightweight, functional API of
@solana/kit. - You want better tree-shaking and smaller bundle sizes.
Instructions: Open Solana Kit Guide
2. Legacy: @solana/web3.js (Maintenance Mode)
Use this if:
- You are maintaining an existing project heavily reliant on
@solana/web3.jsv1. - You need specific legacy dependencies that haven't migrated to
@solana/kit. - You understand that
@solana/web3.jsis heavier and no longer the primary recommendation for new apps.
Instructions: Open Solana Web3.js Guide
Quick Comparison
| Feature | @wallet-ui/react-native-kit | @wallet-ui/react-native-web3js |
|---|---|---|
| Solana Lib | @solana/kit | @solana/web3.js (v1) |
| API Style | Functional, Tree-shakeable | Object-Oriented, Monolithic |
| Bundle Size | Smaller | Larger |
| Status | Recommended | Maintenance / Legacy Support |
Comments
Markdown supported