Music Discovery App for Openclaw

A comprehensive, free music discovery tool integrating multiple APIs for search, lyrics, global radio, and concert information without requiring authentication.

fish1981bimmer
v1.0.0
May 9, 2026
0
717
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install music-discovery-app

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install music-discovery-app using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is Music Discovery App?

The music-discovery-app is a robust Openclaw Skills integration designed to provide a centralized hub for musical exploration. It leverages a collection of free, no-auth APIs to deliver a high-performance experience for discovering songs, reading lyrics, and accessing global radio stations. By utilizing a modern tech stack, it serves as an excellent template for developers looking to build media-rich applications using AI-driven workflows.

This skill is engineered for versatility, offering a clean separation between a Next.js 14 frontend and a FastAPI backend. It emphasizes security and best practices, making it a reliable choice for users within the Openclaw Skills ecosystem who want to explore music metadata and live events without the friction of managing multiple API keys.

Music Discovery App Use Cases

  • Creating a personal music dashboard for searching tracks and albums.
  • Building a lyric retrieval system for karaoke or educational applications.
  • Integrating a global radio streaming feature into existing productivity tools.
  • Monitoring upcoming concert dates and artist events via live API feeds.
  • Developing a reference implementation for multi-API orchestration in a web app.

How Music Discovery App Works

  1. The user initiates a request via the Next.js frontend or directly through the FastAPI backend endpoints.
  2. The backend server receives the request and utilizes the httpx library to fetch data from relevant external APIs (iTunes, Lyrics.ovh, MusicBrainz, etc.).
  3. The FastAPI service processes the raw response, applying Pydantic models to ensure data integrity and structure.
  4. Refined data is sent back to the frontend, where TailwindCSS and React 18 render a responsive, modern user interface.
  5. For global radio content, the app connects to the Radio Browser API to stream station metadata and status directly to the client.

Music Discovery App Setup

Prerequisites

Ensure you have Node.js 18+ and Python 3.11+ installed on your system.

1. Clone the Repository

git clone <repository-url>
cd music-discovery-app

2. Backend Installation

cd backend
pip install -r requirements.txt
python -m uvicorn app.main:app --reload --host 0.0.0.0 --port 8000

3. Frontend Installation

cd ../frontend
npm install
npm run dev

Access the application at http://localhost:3000 once both services are running.

Music Discovery App Data Schema & Taxonomy

The skill organizes data through a structured API gateway that maps external sources to internal endpoints. Below is the primary data mapping used in this Openclaw Skills project:

Feature Source API Key Data Points
Music Search iTunes Search Artist Name, Track Name, Collection, Artwork
Lyrics Lyrics.ovh Song Title, Artist, Raw Lyric Text
Metadata MusicBrainz MBID, Release Dates, Detailed Discography
Radio Radio Browser Station Name, Stream URL, Tags, Country
Events Bandsintown Venue, Date, Ticket Status, Location

All internal data is validated via Pydantic to ensure the frontend receives consistent JSON objects.

Music Discovery App Advanced Features

  • Multi-source API orchestration for consolidated search results.
  • Integrated health check endpoints (/api/health) for automated monitoring.
  • Pre-configured CORS policies for secure cross-origin resource sharing.
  • Rate-limiting capabilities to protect backend resources from excessive requests.
  • Full support for mobile-responsive design and desktop-class layouts.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*