Fähigkeiten telegram-mini-app
📦

telegram-mini-app

Sicher

Erstellen Sie Telegram Mini Apps mit TON-Integration

Erstellen Sie nativ wirkende Webanwendungen, die innerhalb von Telegram für über 800 Millionen Nutzer laufen. Integrieren Sie TON-Blockchain, Zahlungen und virale Mechaniken, ohne das Telegram-Ökosystem zu verlassen.

Unterstützt: Claude Codex Code(CC)
🥉 72 Bronze
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Teste es

Verwendung von "telegram-mini-app". Richten Sie eine grundlegende Telegram Mini App mit Benutzerbegrüßung ein

Erwartetes Ergebnis:

HTML-Seite mit geladenem Telegram SDK, Benutzer-Vorname angezeigt über initDataUnsafe.user, Hauptschaltfläche mit Telegram-Theme-Farben konfiguriert

Verwendung von "telegram-mini-app". TON Wallet-Verbindung zu bestehender Mini-App hinzufügen

Erwartetes Ergebnis:

TonConnectUIProvider umhüllt die App, TonConnectButton-Komponente im Header, manifest.json mit App-Metadaten, Wallet-Adresse nach Verbindung verfügbar

Sicherheitsaudit

Sicher
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
Gescannte Dateien
284
Analysierte Zeilen
0
befunde
1
Gesamtzahl Audits
Keine Sicherheitsprobleme gefunden
Auditiert von: claude

Qualitätsbewertung

38
Architektur
100
Wartbarkeit
87
Inhalt
31
Community
100
Sicherheit
100
Spezifikationskonformität

Was du bauen kannst

Web3-Gaming-Mini-App

Entwickeln Sie ein Play-to-Earn-Spiel mit TON-Wallet-Integration, NFT-Belohnungen und viralen Empfehlungsmechaniken, die sich über Telegram-Freigaben verbreiten.

E-Commerce-Storefront

Erstellen Sie eine shoppbare Mini-App mit Telegram Stars-Zahlungen, Bestellverfolgung und nahtlosem Checkout innerhalb der Telegram-Oberfläche.

Community-Engagement-Tool

Entwickeln Sie eine gamifizierte Loyalitäts-App mit täglichen Belohnungen, Serien, Bestenlisten und Abzeichen zur Steigerung der Kanal-Engagement.

Probiere diese Prompts

Grundlegende Mini-App-Einrichtung 
Create a Telegram Mini App HTML template with proper viewport settings, Telegram Web App SDK initialization, and user data extraction from initDataUnsafe.
React Mini App mit 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.
TON Wallet-Integration 
Implement TON Connect wallet integration for a React Mini App including the UI provider wrapper, connection button component, and manifest file configuration.
Zahlungs- und Transaktionsablauf 
Create a payment button component that sends TON transactions using tonConnectUI, handles nanoton conversion, and sets transaction validity windows.

Bewährte Verfahren

  • Validieren Sie initData immer mithilfe der Telegram-HMAC-Verifizierung auf Ihrem Backend, bevor Sie der Benutzeridentität vertrauen
  • Passen Sie sich dem Telegram-Theme an, indem Sie themeParams-CSS-Variablen für ein nahtloses natives Gefühl verwenden
  • Entwerfen Sie mobile-first mit Mindestgrößen für Berührungsziele von 44px und testen Sie auf echten Geräten

Vermeiden

  • Ignorieren der Telegram-Theme-Parameter, was zu störenden visuellen Übergängen führt
  • Design für Desktop, wenn 95 Prozent der Telegram-Nutzung mobil erfolgt
  • Ladezustände überspringen, was Benutzer denken lässt, die App sei defekt

Häufig gestellte Fragen

Wie finden Benutzer meine Mini-App?
Der Zugriff auf Mini Apps erfolgt über Bot-Befehle, Inline-Schaltflächen oder direkte Links. Benutzer können sie auch über das Telegram Mini Apps-Verzeichnis finden, sobald sie veröffentlicht sind.
Kann ich meine bestehende Webanwendung als Mini-App verwenden?
Ja, aber Sie müssen das Telegram Web App SDK integrieren und Ihre UI anpassen, um dem Telegram-Theme zu entsprechen. Mobile-first responsives Design ist unerlässlich.
Was ist TON Connect und brauche ich es?
TON Connect ist ein Protokoll zur Verbindung von TON-Wallets mit Mini Apps. Sie benötigen es nur, wenn Ihre App Blockchain-Transaktionen oder Krypto-Zahlungen erfordert.
Wie funktionieren Telegram Stars-Zahlungen?
Telegram Stars ist die virtuelle Währung von Telegram. Benutzer kaufen Stars und geben sie dann in Mini Apps aus. Entwickler können ihre Einnahmen als TON-Kryptowährung auszahlen.
Können Mini Apps ohne Erlaubnis auf Benutzerdaten zugreifen?
Nein. Benutzerdaten stammen aus initDataUnsafe, das Telegram nur bereitstellt, wenn der Benutzer Ihre Mini-App öffnet. Verifizieren Sie diese Daten immer auf Ihrem Backend.
Muss ich meine Mini-App auf bestimmten Servern hosten?
Jede auf HTTPS gehostete Webanwendung funktioniert. Telegram erfordert kein spezifisches Hosting. Allerdings benötigt TON Connect eine gültige HTTPS-Domain für die Manifest-Datei.

Entwicklerdetails

Autor

sickn33

Lizenz

MIT

Repository

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

Ref

main

Dateistruktur

📄 SKILL.md