Does this skill support React development?

Yes, it includes comprehensive patterns for @telegram-apps/sdk-react and the official @telegram-apps/ui component library for building responsive interfaces.

Can I use native Telegram buttons like the Back Button?

Absolutely. This skill provides the specific JavaScript and React methods to control the native Telegram Main Button and Back Button to match your app's navigation.

How do I secure my Telegram Mini App?

Security is handled by sending the raw initData from the frontend to your backend, where it is validated using your Bot Token and a SHA-256 HMAC hash to verify its authenticity.

What are Telegram Mini Apps?

Telegram Mini Apps (TMAs) are web applications that run directly inside the Telegram messenger, offering a native-like user experience with access to user data and Telegram's UI elements.

Telegram Mini App Developer

Name: Telegram Mini App Developer
Author: AndVl1

byAndVl1

•

Mobile Development

Builds and integrates Telegram Mini Apps using the official WebApp API, React SDK, and secure backend authentication patterns.

This skill provides specialized guidance for developing Telegram Mini Apps (TMAs), covering everything from frontend UI implementation using the @telegram-apps/ui library to secure backend validation of user data. It enables developers to seamlessly integrate Telegram's native features—such as the Main Button, Haptic Feedback, and Cloud Storage—while ensuring visual consistency through theme synchronization. Whether you are setting up a React-based frontend or a Kotlin/Spring backend, this skill offers the implementation patterns and best practices needed for production-grade Telegram integrations.

主な機能

01Device, Secure, and Cloud storage management

02Secure initData authentication and backend validation patterns

031 GitHub stars

04Native theme synchronization using CSS variables and themeParams

05React SDK and specialized UI component library implementation

06Full WebApp API integration for Main Button, Back Button, and Haptics

ユースケース

01Creating a seamless e-commerce storefront within the Telegram messenger

02Developing interactive utility tools that adapt to the user's Telegram theme

03Building secure, authenticated user dashboards for Telegram bots

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add andvl1/claude-plugin telegram-mini-apps

For use in Claude.ai and ChatGPT

Download Skill