controller-react

Name: controller-react
Availability: InStock
Author: Kepler22bee

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

Updated Aug 23, 2026

Search Tags:#react #transactions #controller #connector #wallet #starknet #starknet-react

Ready to run

npx skills add https://github.com/Kepler22bee/House-of-Stark --skill controller-react-kepler22bee

💬 Prompt for ChatGPT / Claude Chat▼

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.