ai-core/media-generation

Official

Streamline AI media generation pipelines

AuthorTanStack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Coordinating server- and client-side generation for images, speech, transcription, and video is complex, and this skill centralizes the SSE streaming, polling, and hook wiring so each media activity follows the same reliable pattern.

Core Features & Use Cases

  • Unified SSE streaming: Server functions generate media with generateImage, generateSpeech, generateTranscription, and generateVideo, then wrap everything with toServerSentEventsResponse so clients receive tidy event streams.
  • Adapter guidance: Use openaiImage, geminiImage, openaiSpeech, openaiTranscription, and openaiVideo with their model-specific options, handle OpenAI URL expirations, and respect polling cadence for long-running jobs.
  • Use Case: Stream a generated image to a React component, poll video job status while streaming updates, and transcribe speech with the same hooks for consistent UX.

Quick Start

Use the media generation skill by wiring a generateImage stream through toServerSentEventsResponse and parsing it with useGenerateImage to show results instantly.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ai-core/media-generation
Download link: https://github.com/TanStack/ai/archive/main.zip#ai-core-media-generation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.