controller-react

Integrate Cartridge Controller into React apps for wallet connections and transactions.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Kepler22bee/House-of-Stark --skill controller-react-kepler22bee
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: controller-react
Source: https://github.com/Kepler22bee/House-of-Stark/tree/main/contracts/.agents/skills/controller-react
Command: npx skills add https://github.com/Kepler22bee/House-of-Stark --skill controller-react-kepler22bee

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Integrating Cartridge Controller with React applications requires careful setup of connectors, providers, session policies, and transaction flows; this Skill consolidates those steps and pattern examples so developers can connect wallets, manage sessions, and execute transactions reliably.

Core Features & Use Cases

  • Provider and connector setup guidance for starknet-react including Katana, sepolia, and mainnet configurations.
  • SessionPolicies examples and ControllerConnector creation for scoped, delegated sessions.
  • Wallet connection UI patterns using useConnect, useAccount, and useDisconnect and examples for executing multi-call transactions.
  • External wallet helpers for waiting on transactions and switching chains, plus a local HTTPS Vite config for development.

Quick Start

Create a ControllerConnector with your session policies, add it to StarknetConfig with the appropriate chains and provider, and use useConnect/useAccount in your UI to connect and execute transactions.

Frequently Asked Questions about controller-react

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

FAQPage Schema
How do I integrate Cartridge Controller into a React application?

To integrate Cartridge Controller, create a ControllerConnector with session policies, add it to StarknetConfig with chains and providers, and use starknet-react hooks like useConnect and useAccount for wallet UI flows.

How do I configure session policies for Starknet wallet connections?

Session policies are configured by defining scoped rules when creating the ControllerConnector, allowing delegated sessions that execute permitted multi-call transactions without repeated wallet prompts.

Does Cartridge Controller work with Next.js and starknet-react?

Yes, Cartridge Controller works with React and Next.js frontends. It uses starknet-react connectors for provider configuration and connector registration to enable wallet connections and transaction execution.

How do I execute transactions using starknet-react and Cartridge Controller?

Transactions are executed using starknet-react patterns after connecting via ControllerConnector. The setup supports multi-call transactions and provides external wallet helpers for waiting on transaction receipts and switching chains.

Can I use Cartridge Controller with a local Katana node for development?

Yes, you can configure StarknetConfig with local Katana chains and public RPCs. A local HTTPS Vite configuration is also supported for development environments.

What is the best way to manage wallet connections in a Starknet React app?

The best way to manage wallet connections is using starknet-react hooks like useConnect, useAccount, and useDisconnect within the StarknetConfig provider, utilizing ControllerConnector for session-based policies.