TMA Catalog Development Skills

Develop Telegram Mini Apps with Nuxt using reusable patterns and code snippets.

Updated Dec 6, 2024
One-click install
npx skills add https://github.com/s4m5apu3l/nuxt-tma-catalog --skill tma-catalog-development-skills
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: TMA Catalog Development Skills
Source: https://github.com/s4m5apu3l/nuxt-tma-catalog/tree/main/.kiro/skills
Command: npx skills add https://github.com/s4m5apu3l/nuxt-tma-catalog --skill tma-catalog-development-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides developers with a standardized set of patterns, best practices, and code snippets to accelerate the development of Telegram Mini Apps using Nuxt.

Core Features & Use Cases

  • Rapid Component Development: Quickly scaffold new admin CRUD pages and user-facing catalog components with pre-defined structures and composables.
  • Standardized Patterns: Implements consistent approaches for image uploads, localization, slug generation, error handling, and form validation.
  • Use Case: A developer needs to add a new product category to the TMA catalog. They can use the "New Admin CRUD Page" pattern to generate the necessary page structures and composables, significantly reducing boilerplate code and ensuring consistency with existing features.

Quick Start

Use the TMA Catalog Development Skills to create a new admin CRUD page for managing 'Orders'.

Frequently Asked Questions about TMA Catalog Development Skills

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

FAQPage Schema
How do I build a Telegram Mini App with Nuxt and Appwrite?

Building a Telegram Mini App with Nuxt and Appwrite requires standardized development patterns for data management, image handling, and UI integration. This Skill provides reusable code snippets and templates to scaffold these features rapidly.

What's the best way to create admin CRUD pages for a Nuxt Telegram Mini App?

The best way to create admin CRUD pages for a Nuxt Telegram Mini App is using pre-defined component structures and composables. This approach generates necessary page structures automatically, reducing boilerplate code and ensuring feature consistency.

How do I handle image uploads and localization in Nuxt TMAs?

Handling image uploads and localization in Nuxt TMAs requires implementing consistent composables for data processing and internationalization. This Skill supplies standardized code patterns to manage image files and translate UI content efficiently.

Can I use Nuxt composables to manage catalog data in a Telegram Mini App?

You can use Nuxt composables to manage catalog data in a Telegram Mini App by leveraging pre-defined structures for data fetching and state management. This Skill facilitates rapid development through reusable templates integrated with Appwrite.

Does this Telegram Mini App development pattern support custom slug generation and form validation?

These Telegram Mini App development patterns support custom slug generation and form validation through standardized code snippets. They implement consistent approaches for error handling and data formatting to streamline admin and user-facing features.