fhevm-frontend-integration
FHE Frontend Integration
Use this skill when building or reviewing web applications that interact with FHEVM contracts. The browser UI is the encryption boundary. Every integration decision flows from that constraint, but the current package ecosystem has both browser and node entry points.
When To Use
- Initializing the Zama SDK in a React or Next.js application
- Encrypting user inputs before sending them to FHEVM contracts
- Decrypting values using the reencryption protocol
- Configuring wallet providers (WalletConnect, Privy) alongside the SDK
- Debugging WASM loading failures, SSR hydration errors, or bundler issues
- Reviewing whether a frontend correctly handles the encrypt-submit-decrypt lifecycle
Core Mental Model
The frontend is the encryption boundary. Plaintext exists only in the user's browser. Once encrypted, the ciphertext travels to the contract, which computes on it without
More from z-korp/fhevm-cookbook
fhevm-router
Routes Zama FHEVM tasks to the right official docs path and next step
11fhevm-testing
Use when writing, structuring, or debugging tests for FHEVM contracts. Covers mocked mode vs real protocol, Hardhat decrypt helpers, input encryption in tests, and the false-confidence gap between local and testnet behavior.
11fhevm-acl-lifecycle
Use when granting, auditing, or debugging ACL permissions on encrypted handles in FHEVM. Covers FHE.allow, FHE.allowThis, FHE.allowTransient, and the critical rule that new handles do not inherit prior persistent ACL grants.
11fhevm-control-flow
Use when replacing if/else, require, or any conditional logic that depends on encrypted values in FHEVM. Covers FHE.select as the inline branching primitive, fallback semantics on encrypted conditions, and async public decryption when logic must branch back to plaintext state.
11oz-utils-safemath
Use when you need overflow-safe encrypted arithmetic on euint64 values. Covers the OpenZeppelin FHESafeMath library (tryIncrease, tryDecrease, tryAdd, trySub), uninitialized-handle semantics, and when to prefer it over raw FHE.add / FHE.sub.
11fhevm-public-decryption
Use when implementing two-step public decryption for state-changing operations in FHEVM. Covers makePubliclyDecryptable, off-chain proof retrieval, onchain verification with checkSignatures, and the critical single-step unwrap bug.
11