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.