SKALE Boarder (Topper)

[manuelbarbas]

SKALE Boarder

Creating a seamless user onboarding experience is essential for the success of any dApp. A well-designed onboarding process can increase user retention and foster a positive first impression, which is crucial for encouraging users to come back for more.

The SKALE Boarder is a projected created that show cases how to achieve that seamless user onboarding experience by implementing a non-custodial sign-in system that allows in-browser transaction relay without requiring users to switch their wallets.

Overall what it does is:

• Create a Gnosis SAFE for users owned by a main account
• Create an in-device wallet (for instance, a localsStorage saved wallet)
• Allow that account to send transactions through the Gnosis Safe
• Provide tooling to easily integrate this system into your dApp

Key components

The skaleboarding tooling consists of several key components:

• @skaleboarder/safe-tools: A package that simplifies the creation and management of Gnosis Safes on the SKALE network* It provides functions for creating Safes, managing owners, and submitting transactions through the Safe.

• @skaleboarder/rainbowkit:** A package that extends the functionality of RainbowKit to work with the SKALE network and the Gnosis Safes* It includes a wallet wrapper for integrating with various wallet providers and a custom chain configuration to ease using the SKALE network.

• @skaleboarder/wagmi: A package that integrates skaleboarder with the WAGMI framework* It wraps wagmi so that the signer provided is a skaleboarder gnosis safe relayer, but the address still appears to be the main, owner, wallet.

• Demo contracts: A set of example contracts that demonstrate how to use the skaleboarding system.

• Demo dApp: An example using the demo contracts and skaleboarder along with nextjs and rainbowkit to create a seamless signin experience

For an implementation example check the following Github Repository

[manuelbarbas]

What is: Library
Language: Javascript, Typescript
Target: Web