dapp

Build Stellar frontends integrating Freighter wallets and Soroban contracts.

9|66|Updated Oct 13, 2025
One-click install
npx skills add https://github.com/salazarsebas/Cougr --skill dapp-salazarsebas
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dapp
Source: https://github.com/salazarsebas/Cougr/tree/main/.claude/skills/dapp
Command: npx skills add https://github.com/salazarsebas/Cougr --skill dapp-salazarsebas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend developers building applications on Stellar or Soroban often struggle to integrate wallet experiences, contract interactions, and end-to-end transaction flows in a cohesive, secure way.

Core Features & Use Cases

  • Client-side wallet integration with Freighter and Stellar Wallets Kit for multi-wallet support.
  • Transaction building, signing, and submission from a React/Next.js/Node.js frontend.
  • Soroban contract invocation and simulation from the client, with error handling and UX guidance.

Quick Start

Spin up a minimal React app that uses the Stellar SDK to connect Freighter, sign a transaction, and invoke a Soroban contract.

Frequently Asked Questions about dapp

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

FAQPage Schema
How do I integrate Freighter and Stellar Wallets Kit into a React frontend?

To build Stellar dApps, connect Freighter and Stellar Wallets Kit in your React frontend to enable multi-wallet connection. This provides the client-side foundation for signing transactions and invoking Soroban contracts securely.

What is the best way to invoke Soroban contracts from a Next.js application?

Invoking Soroban contracts from a Next.js application requires the Stellar SDK and Soroban RPCs to simulate, sign, and submit transactions. This Skill provides structured guidance for contract invocation, simulation, and error handling.

Does the Stellar SDK support transaction building and signing for Soroban?

Yes, the Stellar SDK supports transaction building, signing, and submission for Soroban. It integrates with wallet adapters like Freighter and Stellar Wallets Kit to construct and sign transactions across React, Next.js, and Node.js environments.

How do I handle errors when simulating Soroban contract invocations on the client?

Handling errors during Soroban contract simulation involves implementing structured error handling around Stellar SDK calls. This ensures robust UX guidance and secure practices when contract invocations or transaction simulations fail in your frontend.

Can I use Stellar Wallets Kit with Node.js for backend transaction construction?

Stellar Wallets Kit is designed for client-side wallet integration in frontend applications. For Node.js backend transaction construction, use the Stellar SDK directly to build and prepare transactions before client-side signing with wallets.