sui-fullstack-integration

Generate TypeScript types and API wrappers from Move ABIs.

7|2|Updated Feb 11, 2026
One-click install
npx skills add https://github.com/first-mover-tw/sui-dev-agents --skill sui-fullstack-integration
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sui-fullstack-integration
Source: https://github.com/first-mover-tw/sui-dev-agents/tree/main/skills/sui-fullstack-integration
Command: npx skills add https://github.com/first-mover-tw/sui-dev-agents --skill sui-fullstack-integration

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of integrating Move smart contracts with frontend applications, eliminating manual type generation and ensuring seamless communication between your backend logic and user interface.

Core Features & Use Cases

  • TypeScript Type Generation: Automatically generates type-safe TypeScript definitions from your Move ABIs.
  • API Wrappers: Creates reusable, type-safe wrappers for interacting with your Move contract functions from the frontend.
  • Event Handling: Provides patterns for subscribing to and handling blockchain events in real-time.
  • Development Environment Setup: Simplifies the setup of a local development environment for full-stack SUI dApp development.
  • Use Case: After deploying your Move NFT marketplace contract, use this Skill to generate frontend types and API functions, allowing your React app to display NFTs, handle listings, and process purchases seamlessly.

Quick Start

Run the command to generate TypeScript types from your Move contract's ABI.

Frequently Asked Questions about sui-fullstack-integration

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

FAQPage Schema
How do I generate TypeScript types from Move smart contracts for SUI dApps?

Generate TypeScript types from Move smart contracts by reading the contract ABI to automatically create type-safe definitions and API wrappers. This eliminates manual type generation and ensures seamless communication between Move backend logic and frontend applications.

What is the best way to handle real-time blockchain events in a SUI frontend?

Handle real-time blockchain events in a SUI frontend by using established patterns for subscribing to and processing Move contract events. This provides immediate updates to your application state when on-chain actions occur.

How do I set up a local development environment for full-stack SUI dApps?

Set up a local development environment for full-stack SUI dApps by streamlining the configuration of your Move contracts and frontend application. This simplifies the end-to-end testing and integration workflow for developers.

Can I use this to connect a React app to a Move NFT marketplace?

Yes, you can connect a React app to a Move NFT marketplace by generating frontend types and API functions from your contract ABI. This allows your application to seamlessly display NFTs, handle listings, and process purchases.

Do I need to manually write API wrappers for Move contract functions?

No, you do not need to manually write API wrappers for Move contract functions. The integration process automatically creates reusable, type-safe wrappers for interacting with your smart contracts directly from the frontend.

Why should I use TypeScript for integrating Move contracts with my frontend?

Use TypeScript for integrating Move contracts with your frontend to enforce strict type safety across your dApp. Automatically generating type-safe definitions from your Move ABIs prevents runtime errors and streamlines development.