Compétences telegram-mini-app
📦

telegram-mini-app

Sûr

Créer des Mini Apps Telegram avec intégration TON

Créez des applications web natives qui s'exécutent dans Telegram pour plus de 800 millions d'utilisateurs. Intégrez la blockchain TON, les paiements et les mécaniques virales sans quitter l'écosystème Telegram.

Prend en charge: Claude Codex Code(CC)
🥉 72 Bronze
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "telegram-mini-app". Set up a basic Telegram Mini App with user greeting

Résultat attendu:

Page HTML avec le SDK Telegram chargé, le prénom de l'utilisateur affiché via initDataUnsafe.user, bouton principal configuré avec les couleurs du thème Telegram

Utilisation de "telegram-mini-app". Add TON wallet connection to existing Mini App

Résultat attendu:

TonConnectUIProvider enveloppant l'app, composant TonConnectButton dans l'en-tête, manifest.json avec les métadonnées de l'app, adresse du portefeuille accessible après connexion

Audit de sécurité

Sûr
v1 • 2/25/2026

Static analyzer flagged 41 patterns that are all false positives. The skill file (SKILL.md) is documentation-only markdown containing code examples. Backticks are markdown code fences, not shell execution. URLs are official Telegram SDK links or documentation placeholders. No executable code or security risks present.

1
Fichiers analysés
284
Lignes analysées
0
résultats
1
Total des audits
Aucun problème de sécurité trouvé
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
31
Communauté
100
Sécurité
100
Conformité aux spécifications

Ce que vous pouvez construire

Mini App de jeu Web3

Créez un jeu play-to-earn avec intégration de portefeuille TON, récompenses NFT et mécaniques de parrainage viral qui se propage via les partages Telegram.

Boutique e-commerce

Créez une Mini App vendable avec paiements Telegram Stars, suivi des commandes et paiement fluide dans l'interface Telegram.

Outil d'engagement communautaire

Développez une application de fidélité gamifiée avec récompenses quotidiennes, séries, classements et badges de réussite pour stimuler l'engagement des canaux.

Essayez ces prompts

Configuration de base d'une Mini App 
Créez un modèle HTML de Mini App Telegram avec les paramètres de viewport appropriés, l'initialisation du SDK Telegram Web App et l'extraction des données utilisateur depuis initDataUnsafe.
Mini App React avec Hooks 
Build a React hook for Telegram Web App integration that exposes user data, query ID, and core methods like expand, close, and ready with proper TypeScript types.
Intégration de portefeuille TON 
Implement TON Connect wallet integration for a React Mini App including the UI provider wrapper, connection button component, and manifest file configuration.
Flux de paiement et transaction 
Create a payment button component that sends TON transactions using tonConnectUI, handles nanoton conversion, and sets transaction validity windows.

Bonnes pratiques

  • Validez toujours initData en utilisant la vérification HMAC de Telegram sur votre backend avant de faire confiance à l'identité utilisateur
  • Correspondez au thème Telegram en utilisant les variables CSS themeParams pour une sensation native fluide
  • Concevez mobile-first avec des zones tactiles minimum de 44px et testez sur des appareils réels

Éviter

  • Ignorer les paramètres du thème Telegram entraînant des transitions visuelles discordantes
  • Concevoir pour le bureau alors que 95% de l'utilisation de Telegram est mobile
  • Omettre les états de chargement qui fait penser aux utilisateurs que l'app est cassée

Foire aux questions

Comment les utilisateurs découvrent-ils ma Mini App ?
Les Mini Apps sont accessibles via des commandes de bot, des boutons inline ou des liens directs. Les utilisateurs peuvent également les trouver via l'annuaire des Mini Apps de Telegram une fois publiées.
Puis-je utiliser mon application web existante comme Mini App ?
Oui, mais vous devez intégrer le SDK Telegram Web App et adapter votre interface au thème Telegram. La conception responsive mobile-first est essentielle.
Qu'est-ce que TON Connect et ai-je besoin de l'utiliser ?
TON Connect est un protocole pour connecter les portefeuille TON aux Mini Apps. Vous en avez besoin uniquement si votre application nécessite des transactions blockchain ou des paiements crypto.
Comment fonctionnent les paiements Telegram Stars ?
Telegram Stars est la monnaie virtuelle de Telegram. Les utilisateurs achètent des Stars, puis les dépensent dans les Mini Apps. Les développeurs peuvent retirer leurs gains en cryptomonnaie TON.
Les Mini Apps peuvent-elles accéder aux données utilisateur sans permission ?
Non. Les données utilisateur proviennent de initDataUnsafe que Telegram fournit uniquement lorsque l'utilisateur ouvre votre Mini App. Vérifiez toujours ces données sur votre backend.
Dois-je héberger ma Mini App sur des serveurs spécifiques ?
N'importe quelle application web hébergée sur HTTPS fonctionne. Telegram ne nécessite pas d'hébergement spécifique. Cependant, TON Connect nécessite un domaine HTTPS valide pour le fichier manifest.

Détails du développeur

Auteur

sickn33

Licence

MIT

Dépôt

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/telegram-mini-app

Réf

main

Structure de fichiers

📄 SKILL.md