skills.rest
ydnikolaev
ydnikolaevCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

tma-expert

Develop Vue/Nuxt Telegram Mini Apps using the TMA.js SDK.

8|3|Updated Jan 21, 2026
Search Tags:#vue#sdk#nuxt#native-integration#telegram-mini-apps#tma.js
One-click install
npx skills add https://github.com/ydnikolaev/antigravity-factory --skill tma-expert
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tma-expert
Source: https://github.com/ydnikolaev/antigravity-factory/tree/main/src/skills/tma-expert
Command: npx skills add https://github.com/ydnikolaev/antigravity-factory --skill tma-expert

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables developers to craft Telegram Mini Apps that feel native to the Telegram experience by leveraging the @tma.js/sdk for seamless integration and UX consistency.

Core Features & Use Cases

  • SDK-driven development: Leverage @tma.js/sdk and @tma.js/sdk-vue to build and deploy Vue/Nuxt-based Telegram Mini Apps.
  • Native feel & theming: Bind Telegram theme and viewport variables to ensure a consistent look across devices; manage back button behavior within the app.
  • Workflow & governance: Applies TDD, Git protocols, and document lifecycle controls to deliver robust, auditable features.

Quick Start

Initialize a Nuxt project, install the TMA Vue/Nuxt SDK packages, and scaffold a minimal Telegram Mini App that responds to launch params.

Frequently Asked Questions about tma-expert

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

FAQPage Schema
How do I build Telegram Mini Apps with Vue and Nuxt?▼

You can build Telegram Mini Apps with Vue and Nuxt by using the @tma.js/sdk and @tma.js/sdk-vue packages to integrate native features, bind theme variables, and manage viewport behavior for a consistent UX.

How does the TMA SDK handle Telegram theming and viewport variables?▼

The TMA SDK handles Telegram theming by binding theme and viewport variables directly to your Vue or Nuxt components, ensuring the Mini App maintains a native look and consistent behavior across devices.

Do I need to use test-driven development for Telegram Mini Apps with TMA.js?▼

Yes, using test-driven development for Telegram Mini Apps with TMA.js is required. The workflow enforces TDD, Git protocols, and document lifecycle controls to deliver robust, auditable features across development and QA.

Can I manage the Telegram back button behavior within my Nuxt app?▼

Yes, you can manage the Telegram back button behavior within your Nuxt app. The TMA SDK integration allows you to control native back button navigation to maintain proper user flow inside the Mini App.

What is the best way to scaffold a Telegram Mini App that responds to launch params?▼

The best way to scaffold a Telegram Mini App is to initialize a Nuxt project, install the TMA Vue SDK packages, and use the provided tools to configure the app to respond dynamically to Telegram launch params.

Related Skills

Explore More Software Engineering Skills→
AndVl1AndVl1
4

telegram-mini-apps

Build Telegram Mini Apps with frontend toolkits and initData authentication flows.

Community
Intermediate
gerald-icagerald-ica

telegram-mini-app

Develop Telegram Mini Apps using the Telegram Web App API and TON blockchain.

Community
Advanced
brainchimpsbrainchimps
5

nuxt-ui

Build Nuxt and Vue interfaces with a themeable component library.

Official
Intermediate
BoraPerusicBoraPerusic

telegram-mini-app

Builds Telegram Mini Apps with Web App API and TON Connect integration.

Community
Advanced