composable-svelte-media

Provide audio, video, and voice input components for Svelte apps.

3|Updated Oct 26, 2025
One-click install
npx skills add https://github.com/jonathanbelolo/composable-svelte --skill composable-svelte-media
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: composable-svelte-media
Source: https://github.com/jonathanbelolo/composable-svelte/tree/main/.claude/skills/composable-svelte-media
Command: npx skills add https://github.com/jonathanbelolo/composable-svelte --skill composable-svelte-media

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides modular media components for Svelte apps, enabling developers to integrate audio, video, and voice input with a consistent architecture.

Core Features & Use Cases

  • AudioPlayer: robust audio playback with playlists and visualizers.
  • VideoEmbed: platform-agnostic video embedding (YouTube, Vimeo, Twitch, etc).
  • VoiceInput: voice recording and transcription-ready workflows.
  • Use cases include building immersive media players, course platforms, and voice-enabled assistants.

Quick Start

Use the media skill to instantiate an AudioPlayer with a sample track set, then render a VideoEmbed for a sample video and include VoiceInput for capturing user speech.

Frequently Asked Questions about composable-svelte-media

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

FAQPage Schema
How do I integrate audio and video playback into a Svelte app?▼

To integrate audio and video playback into a Svelte app, you can use modular media components like AudioPlayer for playlists and visualizers, and VideoEmbed for embedding platform-agnostic videos from sources like YouTube or Vimeo.

Can I build a voice recording and transcription workflow using Svelte?▼

Yes, you can build voice recording and transcription-ready workflows in Svelte by utilizing a VoiceInput component to capture user speech and prepare it for transcription processing.

What is the best way to embed YouTube or Twitch videos in Svelte?▼

The best way to embed YouTube or Twitch videos in Svelte is by using a platform-agnostic video embedding component like VideoEmbed, which provides a consistent architecture for integrating external video sources into web applications.

Does this media integration approach support modular architecture and type safety?▼

Yes, this media integration approach supports modular architecture and type-safe actions through core store patterns and the @composable-svelte/media package, ensuring platform-agnostic integration across web applications.

How do I set up an immersive media player with playlists in Svelte?▼

To set up an immersive media player with playlists in Svelte, instantiate an AudioPlayer component with a track set to handle robust audio playback and visualizers within your web application.