dapp

Build Stellar-based dApps with SDK setup, wallet integration, and Soroban contract invocation.

3|Updated Jun 23, 2026
One-click install
npx skills add https://github.com/WritzProtocol/writz --skill dapp-writzprotocol
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dapp
Source: https://github.com/WritzProtocol/writz/tree/main/.agents/skills/dapp
Command: npx skills add https://github.com/WritzProtocol/writz --skill dapp-writzprotocol

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @stellar/stellar-sdk, @stellar/freighter-api, @creit.tech/stellar-wallets-kit, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of developing and integrating Stellar-based decentralized applications (dApps), offering a comprehensive set of tools and guidance for both beginners and experienced developers.

Core Features & Use Cases

  • Stellar SDK Integration: Facilitates the use of the Stellar SDK in both browser and Node.js environments.
  • Wallet Integration: Supports Freighter wallet and other wallets via the Stellar Wallets Kit.
  • Transaction Building and Submission: Guides users through building, simulating, signing, and submitting transactions.
  • Soroban Contract Invocation: Allows clients to invoke Soroban contracts from the frontend.
  • Smart Accounts: Assists in implementing smart accounts with passkeys for enhanced security.
  • Use Case: Ideal for a developer looking to build a React/Next.js/Node.js application that interacts with the Stellar network or Soroban blockchain.

Quick Start

Initialize the Stellar SDK for a new project and connect Freighter wallet to interact with Stellar networks.

Frequently Asked Questions about dapp

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

FAQPage Schema
How do I integrate Freighter wallet into a React dApp on the Stellar network?

Stellar dApp wallet integration is handled via the Stellar Wallets Kit and Freighter API to connect browser clients to the network. This allows React and Next.js applications to securely manage wallet connections and sign transactions.

What is the process for invoking Soroban smart contracts from a frontend application?

Invoking Soroban contracts from a frontend requires the Stellar SDK to build, simulate, and sign transactions targeting the smart contract. This process enables React/Next.js applications to interact directly with the Soroban blockchain.

Do I need Node.js 20+ to use the Stellar SDK for dApp development?

Yes, Stellar dApp development requires Node.js 20+ to properly run the Stellar SDK and handle transaction processing. This environment ensures compatibility for building and submitting transactions in React, Next.js, or Node.js applications.

How do I build and submit transactions on the Stellar network using JavaScript?

Building and submitting Stellar transactions involves using the Stellar SDK to construct, simulate, and sign operations before network submission. This Skill streamlines transaction handling for JavaScript applications interacting with the Stellar network.

Can I implement smart accounts with passkeys for my Stellar decentralized application?

Yes, implementing smart accounts with passkeys in a Stellar dApp provides enhanced security for user authentication. This Skill assists in setting up smart accounts to leverage passkeys within React and Next.js applications.