Get Started: Designing a Reharmonization Sandbox with VibeCheck

The VibeCheck sandbox provides songwriter-focused tools for exploration. Instead of looking up chord tables, users build a song chart visually, click any chord block, and view alternate options calculated by THIRI.

By querying the /v2/reharmonize API endpoint, the application generates substitutes based on specific style sliders (e.g. Jazz, Pop, Experimental). Users can hear the difference instantly.

Sample API Request Body:

{
  "progression": ["Cmaj7", "Am7", "Dm7", "G7"],
  "substitutionStyle": "jazz-piano",
  "temperature": 0.75
}

🤖 File an Issue for an Autonomous Coding Agent

This project requires setting up an external application or workflow environment. If you want an autonomous coding agent (like Claude Code) to implement it in your repository:

1. Click here to open a pre-filled GitHub Issue on the repository
2. Submit the issue to trigger your repository’s autonomous builder agent.

Alternatively, you can copy the raw agent prompt instruction below:

Task Context: Build a code project utilizing the THIRI Model Context Protocol (MCP) server. Prompt Instruction: Create a web-based Reharmonization Sandbox UI using React and TailwindCSS. The UI should render a drag-and-drop song grid where users can place chord blocks. When a block is clicked, the app must call the THIRI MCP server’s reharmonize_progression tool with the surrounding chord context. Display the returned substitutions as selectable paths, and play them back using Tone.js synthesizers.