Skills
.Work. You
Rest

multiversx-dapp-frontend

Official

Build MultiversX dApps with React

Software Engineering#frontend#react#blockchain#web3#dapp#multiversx#sdk-dapp
Authormultiversx
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the integration of React applications with the MultiversX blockchain, enabling seamless wallet connections, transaction management, and smart contract interactions for dApp development.

Core Features & Use Cases

  • Wallet Integration: Connect to various MultiversX wallets (xPortal, DeFi Wallet, etc.) using UnlockPanelManager.
  • Authentication Management: Utilize hooks like useGetIsLoggedIn and useGetAccount to manage user login status and display account information.
  • Transaction Handling: Send EGLD and ESDT transfers, and interact with smart contracts using SDK-dapp utilities.
  • Protected Routes: Implement authentication guards for secure dApp pages.
  • Use Case: Develop a decentralized exchange (DEX) frontend where users can connect their wallets, view their balances, and execute token swaps by interacting with a smart contract.

Quick Start

Integrate the MultiversX SDK-dapp into your React application by calling initApp() in src/main.tsx before rendering your root component.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: multiversx-dapp-frontend
Download link: https://github.com/multiversx/mx-ai-skills/archive/main.zip#multiversx-dapp-frontend

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.