skills.rest
Pact-Community-Organization
Pact-Community-OrganizationOFFICIAL
Explore all skills by this author →
Website𝕏@PactCommOrgGitHub

frontend-integration

Build, sign, and submit Pact 5 transactions in TypeScript frontend apps using Kadena's @kadena/client SDK.

1|1|Updated Jun 9, 2026
Search Tags:#typescript#frontend#transaction#wallet#signing#pact
One-click install
npx skills add https://github.com/Pact-Community-Organization/github-marketplace --skill frontend-integration-pact-community-organization
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-integration
Source: https://github.com/Pact-Community-Organization/github-marketplace/tree/main/skills/frontend-integration
Command: npx skills add https://github.com/Pact-Community-Organization/github-marketplace --skill frontend-integration-pact-community-organization

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Facilitates frontend development by providing a ready-to-use TypeScript SDK workflow for building, signing, and submitting Pact transactions.

Core Features & Use Cases

  • TypeScript SDK setup and example usage with @kadena/client to create clients and transactions.
  • Transaction construction and signer integration, including building transactions, adding signers, and configuring chain, gas, ttl, and network.
  • Wallet integration patterns (SpireKey, Ledger, WalletConnect) for web/mobile signing.

Quick Start

Instantiate the Pact client in your frontend app and call createTransaction to build and sign a transaction.

Frequently Asked Questions about frontend-integration

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

FAQPage Schema
How do I build and sign Pact transactions in a TypeScript frontend?▼

You can build and sign Pact 5 transactions in TypeScript by instantiating the Pact client via @kadena/client and calling createTransaction to handle transaction construction, signer integration, and network submission.

What wallet integration patterns are available for signing Pact transactions?▼

Available wallet integration patterns for signing Pact transactions include SpireKey, Ledger, and WalletConnect, enabling TypeScript web and mobile frontend apps to securely authorize transaction submissions.

Can I use @kadena/client to configure gas, ttl, and network bindings for transactions?▼

Yes, @kadena/client allows you to configure gas, ttl, and network bindings when constructing transactions, alongside managing explicit constraints on decimals and transaction confirmation methods.

How does TypeScript frontend integration handle signer configuration for Pact 5?▼

TypeScript frontend integration handles signer configuration by adding signers during the transaction construction phase, ensuring wallet integration patterns correctly authorize the Pact 5 transaction before network submission.

Does Pact 5 frontend integration support both web and mobile frameworks?▼

Yes, Pact 5 frontend integration supports both web and mobile frameworks by utilizing @kadena/client for TypeScript apps, providing wallet signing patterns like WalletConnect suitable for mobile and web environments.

What are the limitations when configuring decimals and confirmation methods in Pact transactions?▼

Configuring Pact transactions involves explicit constraints on decimals and confirmation methods, requiring precise setup during transaction construction to avoid network submission failures when using @kadena/client.

Related Skills

Explore More Software Engineering Skills→
Pact-Community-OrganizationPact-Community-Organization
1

pact-devnet-testing

Automates Pact 5 devnet testing on Kadena Community Edition with TypeScript scripts and polling patterns.

Official
Intermediate
6551Team6551Team
6

opentrade-gateway

Broadcast pre-signed blockchain transactions and estimate gas across networks.

Official
Intermediate
Pact-Community-OrganizationPact-Community-Organization
1

mcp-tool-use

Select and invoke MCP tools with validated inputs for Pact and Chainweb workflows.

Official
Advanced
zli5460zli5460
2

airtable

Manage Airtable records via REST API calls using curl commands.

Community
Intermediate