skills.rest
shfahiim
shfahiimCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

virtual-piano

Render an 88-key virtual piano with Web Audio in chat experiences.

Updated Apr 9, 2026
Search Tags:#keyboard#web-audio#interactive-ui#piano#audio-playback#virtual-piano
One-click install
npx skills add https://github.com/shfahiim/inferEdge --skill virtual-piano-shfahiim
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: virtual-piano
Source: https://github.com/shfahiim/inferEdge/tree/main/skills/featured/virtual-piano
Command: npx skills add https://github.com/shfahiim/inferEdge --skill virtual-piano-shfahiim

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) components.

What problem does it solve?

Provides an interactive, browser-based piano keyboard that users can play within chat-driven experiences, enabling quick demonstrations of musical interaction without external software.

Core Features & Use Cases

  • 88-key virtual piano rendered in a horizontally-scrollable UI using Web Audio for real-time sound.
  • Lightweight assets (index.html, index.js, assets/ui.html) loadable via run_js to integrate into chats.
  • Prompts/triggers like "Open virtual piano", "Play the piano", and "I want to play piano" to activate the feature.

Quick Start

Say 'Open virtual piano' to load the keyboard UI and start playing.

Frequently Asked Questions about virtual-piano

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

FAQPage Schema
How do I play a virtual piano inside an AI chat?▼

You can play a virtual piano inside an AI chat by triggering the Skill with a prompt like "Open virtual piano" to load a horizontally-scrollable, 88-key interactive UI that produces real-time sound using Web Audio.

Can I use Web Audio to render an interactive piano keyboard for UI testing?▼

Yes, this Web Audio implementation renders an 88-key interactive piano keyboard UI designed for chat-based demos and UI testing scenarios, playing real-time piano notes directly in the browser without external software.

What do I need to set up to load a virtual piano in a chat experience?▼

To load the virtual piano in a chat experience, the setup requires specific scripts, an HTML asset file, and 88 audio files rendered together to produce the interactive keyboard UI and real-time sound playback.

How many keys does the interactive piano keyboard include?▼

The interactive piano keyboard includes a full 88-key layout rendered in a horizontally-scrollable UI, allowing users to play real-time piano notes via Web Audio within chat-driven experiences.

Does the virtual piano require external music software to play?▼

No, the virtual piano does not require external music software. It provides a browser-based, interactive keyboard that users can play directly within chat experiences using Web Audio for real-time sound.

Related Skills

Explore More Design & Creative Skills→
happyaaahappyaaa

virtual-piano

Render an 88-key piano UI in a webview using Web Audio.

Community
Intermediate
servitolaservitola
12

piano-video-to-sheet

Transcribe piano videos into MIDI, sheet music, MP3, and GP5 files.

Community
Intermediate
daffy0208daffy0208
34

audio-producer

Develop custom web audio players with playback, recording, and waveform visualization.

Community
Intermediate
google-ai-edgegoogle-ai-edge
24.4k

virtual-piano

Play an 88-key virtual piano with bundled MP3 notes via web audio.

Official
Basic