skills.rest
MystenLabs
MystenLabsOFFICIAL
Explore all skills by this author →
Website𝕏@Mysten_LabsGitHub

sui-frontend

Build browser-based Sui dApps with wallet integration and on-chain transactions.

20|8|Updated Feb 19, 2026
Search Tags:#frontend#transactions#web3#wallet#sui#dapp-kit
One-click install
npx skills add https://github.com/MystenLabs/sui-dev-skills --skill sui-frontend-mystenlabs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sui-frontend
Source: https://github.com/MystenLabs/sui-dev-skills/tree/main/sui-frontend
Command: npx skills add https://github.com/MystenLabs/sui-dev-skills --skill sui-frontend-mystenlabs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Sui frontend development involves connecting browser apps to wallets, querying on-chain data, and signing/executing transactions against the Sui network, using the modern dApp Kit to streamline these tasks and avoid deprecated patterns.

Core Features & Use Cases

  • Package installation for React and non-React ecosystems (mysten/dapp-kit-react, mysten/dapp-kit-core, mysten/sui, etc.).
  • DApp Kit instance setup and provider integration (React: DAppKitProvider, non-React: nanostores and Web Components).
  • On-chain queries and transactions using the same PTB approach and the Sui SDK across environments.
  • Network switching and wallet-gated UI to build end-to-end dApps in the browser.

Quick Start

Install the appropriate packages, configure createDAppKit with a SuiGrpcClient for testnet and mainnet, wrap your app with DAppKitProvider (or register the web components for non-React), and render a ConnectButton to establish a wallet connection.

Frequently Asked Questions about sui-frontend

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

FAQPage Schema
How do I connect a Sui wallet to my browser dApp?▼

To connect a Sui wallet, you use the modern dApp Kit to create a dApp Kit instance with a SuiGrpcClient, wrap your application with DAppKitProvider, and render a ConnectButton to establish the wallet connection.

Can I build Sui frontend applications without using React?▼

Yes, you can build Sui frontend applications without React by utilizing the non-React ecosystem packages, which leverage nanostores and Web Components to provide wallet integration and on-chain query capabilities.

What is the best way to sign and execute transactions on the Sui network from a web browser?▼

The best way to sign and execute Sui transactions in a browser is using the dApp Kit with the Sui SDK, applying PTB (Programmable Transaction Block) patterns to query on-chain data and execute signing flows.

How do I configure my Sui dApp to support testnet and mainnet network switching?▼

You configure Sui network switching by initializing your dApp Kit instance with a SuiGrpcClient configured for both testnet and mainnet, enabling your wallet-gated UI to seamlessly switch networks.

Do I need to install specific packages to query on-chain data using the Sui dApp Kit?▼

Yes, you need to install specific packages like mysten/dapp-kit-react or mysten/dapp-kit-core and mysten/sui to perform on-chain queries and execute transactions using the Sui SDK.

Related Skills

Explore More Software Engineering Skills→
findinfinitelabsfindinfinitelabs

react-typescript-frontend

Build a type-safe Chuukese React frontend with Mantine UI v8 and Vite.

Community
Intermediate
srijan399srijan399

Provider Discovery

Discover and verify 0G compute providers for inference workloads.

Community
Intermediate
first-mover-twfirst-mover-tw
7

sui-frontend

Integrate SUI SDK and dapp-kit for wallet connections and transactions.

Official
Intermediate
trustwallettrustwallet
84

trust-developer

Integrate dApps with Trust Wallet via deep linking and WalletConnect v2.

Official
Intermediate