How is authentication handled?

It provides a complete flow for user registration, login, and automated JWT token refreshing via a dedicated Pinia auth store.

Can I use this for mobile apps?

While primarily designed for a web-based SPA, the patterns are compatible with Electron and Capacitor for cross-platform desktop and mobile deployment.

Does it include telemetry?

Yes, it features integrated playback telemetry reporting to track user engagement and streaming performance metrics.

What frameworks does this skill support?

This skill is optimized for Vue.js ecosystems, specifically utilizing Pinia for state management and TanStack Query for data fetching.

Does it handle secure audio streaming?

Yes, it implements implementation patterns for secure audio streaming using presigned URLs and the HTML5 Audio API.

NovaTune Player Implementation

Name: NovaTune Player Implementation
Author: Tassadar2499

byTassadar2499

0•

Mobile Development

Builds a comprehensive music streaming single-page application with authentication, media playback, and playlist management.

This skill provides a structured blueprint for implementing the NovaTune Player, a production-ready SPA designed for high-performance audio streaming. It guides Claude through the creation of essential frontend modules including secure JWT authentication flows, an infinite-scrolling track library, and a robust HTML5 audio player state machine. By utilizing standardized patterns for telemetry and file uploads, it ensures the application is scalable, maintainable, and perfectly synchronized with backend streaming services.

主な機能

01Infinite-scrolling track library with advanced search and filtering

020 GitHub stars

03State-driven audio player with queue management and telemetry reporting

04Secure authentication system with JWT handling and token refreshing

05Integrated track upload workflow with metadata and progress tracking

06Full CRUD playlist functionality including track reordering logic

ユースケース

01Developing a listener-facing web application for music streaming services

02Implementing complex reactive state management for audio playback in Vue.js

03Building authenticated media libraries with paginated data fetching and search

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tassadar2499/novatune implement-player-app

For use in Claude.ai and ChatGPT

Download Skill