skills.rest
JHAMILCALI
JHAMILCALICOMMUNITY
Explore all skills by this author →
GitHub

dapp

Build Stellar dApp frontends with wallet integration, transaction signing, and smart contract invocation.

Updated Sep 6, 2026
Search Tags:#next.js#smart contract#dapp#wallet integration#soroban#stellar#freighter
One-click install
npx skills add https://github.com/JHAMILCALI/Stellar-Build --skill dapp-jhamilcali
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dapp
Source: https://github.com/JHAMILCALI/Stellar-Build/tree/main/.claude/skills/dapp
Command: npx skills add https://github.com/JHAMILCALI/Stellar-Build --skill dapp-jhamilcali

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @stellar/stellar-sdk, @stellar/freighter-api, @creit-tech/stellar-wallets-kit, smart-account-kit, @openzeppelin/relayer-plugin-channels.

What problem does it solve? Building a frontend that talks to the Stellar network requires coordinating SDK initialization, wallet connections, transaction building and signing, smart contract invocation, and error handling across Mainnet and Testnet — this Skill provides working patterns for all of it. ## Core Features & Use Cases - Wallet Integration: Connect Freighter directly or support multiple wallets via Stellar Wallets Kit, plus passkey-based smart accounts with Smart Account Kit. - Transaction Lifecycle: Build, simulate, sign, submit, and poll both classic Stellar operations and Soroban smart contract calls using contract.Client and rpc.Server. - React/Next.js Patterns: Ready-made hooks and components (connect button, payment form) with proper client/server separation and a transaction UX checklist. - Use Case: You are building a Next.js app where users connect Freighter, invoke a token contract's increment method, and see confirmation status — this Skill gives you the full code path from SDK setup to submission polling. ## Quick Start Use the dapp skill to build a React component that connects a Freighter wallet and submits a Stellar payment transaction on Testnet.

Frequently Asked Questions about dapp

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

FAQPage Schema
How do I connect a Freighter wallet to a React app?▼

Use @stellar/freighter-api's isConnected, requestAccess, and getAddress functions inside a React hook. requestAccess prompts the user and returns the granted address, while getNetwork confirms the wallet is on the correct network.

How to invoke a Stellar smart contract from JavaScript?▼

Use contract.Client.from() from @stellar/stellar-sdk with the contract ID, RPC URL, network passphrase, and a signTransaction function. Each method returns an AssembledTransaction you can preview via simulation or apply with signAndSend().

Freighter vs Stellar Wallets Kit for multi-wallet support?▼

Freighter API connects only the Freighter browser extension, while Stellar Wallets Kit supports multiple wallets through a single authModal() flow. Wallets Kit v2 is distributed on JSR as @creit-tech/stellar-wallets-kit and uses a static singleton API.

Does @stellar/stellar-sdk v16 work with Node 18?▼

No, SDK v16 requires Node.js 22 or later and produces an EBADENGINE warning on older versions. v16 also merged @stellar/stellar-base into @stellar/stellar-sdk, so you should uninstall the base package to avoid broken instanceof checks.

Why does my Soroban transaction submission hang or fail?▼

Soroban transactions must be submitted via rpc.sendTransaction and confirmed with rpc.pollTransaction rather than a hand-rolled loop. Check the response status for ERROR on send and handle non-SUCCESS poll statuses with the returned diagnostic information.

Can users transact on Stellar without holding XLM for fees?▼

Yes, the OpenZeppelin Relayer channels plugin sponsors fees using Stellar's native fee bump mechanism. Submit the contract function and auth entries to the channels client, which wraps and submits the fee-bumped transaction.

Related Skills

Explore More Software Engineering Skills→
chrissstelleechrissstellee

smart-contracts

Guides writing, testing, securing, and deploying Stellar smart contracts in Rust with soroban-sdk.

Community
Advanced
WritzProtocolWritzProtocol

data

Query Stellar chain data via Stellar RPC and Horizon API.

Official
Advanced
LumenWipeLumenWipe
3

assets

Issue Stellar classic assets and manage trustlines with SEP-41 interoperability.

Official
Advanced
moonpaymoonpay
110

moonpay-x402

Detect 402 responses, sign wallet payments, and retry x402-protected API requests.

Official
Intermediate