moai-platform-appintoss

Develop mini-apps for the Toss platform with React or React Native.

67|27|Updated Dec 24, 2025

Search Tags:#sdk #react native #webview #granite #mini-app #toss

Ready to run

npx skills add https://github.com/modu-ai/cc-plugins --skill moai-platform-appintoss

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: moai-platform-appintoss
Source: https://github.com/modu-ai/cc-plugins/tree/main/plugins/moai-platform-appintoss/skills/moai-platform-appintoss
Command: npx skills add https://github.com/modu-ai/cc-plugins --skill moai-platform-appintoss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @apps-in-toss/web-framework, @apps-in-toss/framework, @toss/tds-mobile, @toss/tds-react-native, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the process of developing and integrating mini-apps within the Toss ecosystem, enabling developers to leverage Toss's extensive user base and features without building a standalone application.

Core Features & Use Cases

Cross-Platform Development: Supports both WebView (React) and React Native (Granite) development for flexibility.
Seamless Integration: Provides SDKs and tools for integrating with Toss services like login, payment, and notifications.
Use Case: A small e-commerce business can create a mini-app within Toss to sell products directly to Toss users, benefiting from Toss's built-in payment and user authentication systems.

Quick Start

Use the moai-platform-appintoss skill to create a new React Native app using the Granite framework.

Frequently Asked Questions about moai-platform-appintoss

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

FAQPage Schema

How do I develop a mini-app within the Toss platform?▼

To develop a mini-app within Toss, you can use this Skill to build applications using either WebView (React) or React Native (Granite) frameworks. It provides the necessary SDKs to integrate Toss login, payment, and push notification services seamlessly.

What is the Granite framework used for in Toss mini-apps?▼

The Granite framework is the React Native-based development path for building Toss mini-apps. It allows you to create native mobile experiences within the Toss ecosystem while leveraging Toss Design System (TDS) components and Toss service SDKs.

Can I use React WebView instead of React Native for Toss app integration?▼

Yes, you can use React WebView instead of React Native for Toss app integration. The Skill explicitly supports cross-platform development, allowing you to choose between a WebView (React) implementation or a React Native (Granite) implementation based on your needs.

How do I integrate Toss payment and login SDKs into my mini-app?▼

You integrate Toss payment and login SDKs by utilizing the provided @apps-in-toss/framework and @apps-in-toss/web-framework packages. These dependencies offer the necessary tools to connect your mini-app directly to Toss's built-in authentication and payment systems.

Does Toss mini-app development require using the Toss Design System?▼

Yes, Toss mini-app development adheres to Toss Design System (TDS) guidelines to ensure a consistent user experience. The Skill integrates @toss/tds-mobile and @toss/tds-react-native packages to enforce these design standards across both WebView and React Native implementations.

What are the limitations of building a mini-app inside Toss versus a standalone app?▼

Building a mini-app inside Toss means operating within the Toss ecosystem rather than as a standalone application. While you leverage Toss's user base, login, and payment SDKs, your app must adhere to Toss Design System (TDS) guidelines and platform constraints using WebView or Granite frameworks.