Remix

Make your own version of Yousician Music Academy

Get an exact, working copy in your account, then change anything with chat.

Original by jeremy.crow14

What would you change?

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

[Screenshot Upload] # Build a Yousician-Style Music Learning App

Create a fully interactive music-learning app inspired by Yousician's visual design, lesson layout, and gameplay. Use my reference screenshot as inspiration. The app must teach users to actually play instruments, not just read lessons.

## 1. Instruments
Include three complete learning paths:
- **Acoustic Guitar:** chords, strumming, finger placement, chord switching, and songs.
- **Electric Guitar:** power chords, riffs, picking, scales, and lead guitar.
- **Piano:** falling notes, melodies, chords, scales, and playing with both hands.

Users can switch instruments anytime while keeping separate progress for each.

## 2. Main Dashboard
Recreate the Yousician-inspired layout from my screenshot:
- Dark background with colorful lesson cards.
- Level numbers, lesson titles, instrument thumbnails, progress bars, and three-star ratings.
- Horizontal scrolling lesson carousels.
- Locked and unlocked lessons.
- Navigation tabs for Home, Learn, Practice, Songs, and Profile.
- A clear instrument selector.

Organize lessons into levels that gradually become harder. Clicking a lesson must open its actual interactive exercise.

## 3. Guitar Learning
Create realistic acoustic and electric guitar lesson screens with chord diagrams, fretboards, finger numbers, highlighted strings, and timed strumming or picking exercises.

Show the chord name prominently and indicate exactly where fingers go. Display upcoming chord changes on a musical timeline, with a metronome, countdown, adjustable speed, and immediate feedback.

### Fast Chord Switching
Make this a major feature. Teach users to switch chords quickly without stopping their rhythm.

Include:
- G–C, G–D, C–D, Em–C, and Am–C exercises.
- Step-by-step finger placement.
- Repeated timed transitions between chords.
- Gradually increasing tempos.
- Feedback on timing, accuracy, and missed strings when detectable.
- Slow practice mode when users struggle.
- Exercises that progress from two chords to complete chord progressions and songs.

Teach beginners to place their fingers correctly, memorize chord shapes, switch smoothly, and strum continuously.

## 4. Piano Falling-Note Gameplay
Create a piano screen with animated colored notes falling toward a virtual keyboard, like a piano rhythm game.

Include:
- Multiple octaves of white and black keys.
- Notes aligned with their correct keys.
- A timing line showing when to press each key.
- Different colors for left-hand and right-hand notes.
- Chords represented by simultaneous notes.
- Feedback for correct, missed, early, and late notes.
- Score, streak, accuracy, and song progress.
- Adjustable speed, metronome, pause, and restart controls.

Allow users to play using clickable piano keys or computer keyboard controls. Support a MIDI keyboard when available.

### Two-Hand Coordination
Start with simple right-hand melodies, then left-hand notes and chords, and finally both hands together. Display suggested finger numbers and highlight which hand plays each note. Gradually increase difficulty until users can play complete songs with both hands.

## 5. Complete Lesson Academy
Build beginner-to-advanced curricula for all three instruments.

Guitar progression:
1. Instrument basics, strings, frets, and finger numbers.
2. First notes and beginner chords.
3. Strumming, picking, and rhythm.
4. Chord transitions and timed switching.
5. Chord progressions and beginner songs.
6. Barre chords, fingerpicking, riffs, and advanced techniques.

Piano progression:
1. Learn the keyboard and note names.
2. Play simple melodies.
3. Learn basic chords and scales.
4. Practice each hand separately.
5. Combine both hands.
6. Play progressively harder songs.

Electric guitar should have its own progression for riffs, power chords, picking, scales, and lead techniques.

Every lesson must include a short explanation, visual demonstration, guided practice, interactive exercise, challenge, score, and completion screen.

## 6. Lesson Cards
Match the reference screenshot's lesson-card organization. Each card should display an image, title, difficulty, three-star rating, progress indicator, and lock status.

Examples:
- Fretting Positions
- Learn the C Chord
- First Chords
- Chord Switching Challenge
- Strumming Workout
- First Guitar Song
- Piano Note Basics
- Right-Hand Melody
- Left-Hand Chords
- Two-Hand Coordination
- Falling Notes Challenge

Completing lessons should earn stars and unlock subsequent lessons.

## 7. Real-Time Feedback
Use microphone input to detect guitar notes, chords, and timing when supported. For piano, support note detection and MIDI input when available.

Compare played notes against the exercise and provide immediate feedback. Never pretend to detect actual instrument playing if no audio input is available.

If audio recognition is unavailable, provide functional practice using clickable keys, computer keyboard input, and other clearly identified alternatives.

## 8. Progress and Rewards
Save progress persistently and separately for each instrument. Track completed lessons, stars, levels, accuracy, chord-switching speed, piano performance, practice time, personal bests, and skills needing improvement.

Include daily goals, streaks, achievements, experience points, and replayable lessons.

## 9. Visual Style
Use a polished, dark interface with charcoal backgrounds, teal or green accents, colorful lesson cards, readable typography, smooth animations, and responsive layouts.

The guitar screen should focus on fretboards, chord diagrams, and timed strumming.

The piano screen should focus on falling notes and the virtual keyboard.

Make it visually similar in organization to Yousician, but implement the app's own interface and functionality.

## 10. Build Requirements
Build the actual working application, not just a mockup. Make navigation, lesson cards, practice controls, chord diagrams, falling notes, scoring, stars, and saved progress functional. Avoid dead buttons and placeholder lessons.

Prioritize these three features:
1. Yousician-style lesson cards, levels, stars, and progression.
2. Interactive guitar chord lessons that build fast, accurate chord switching.
3. Piano falling-note gameplay that teaches note recognition and two-hand coordination.

Build a small but functional version of all three instruments first, then expand the curriculum. Clearly distinguish simulated input from real microphone or MIDI recognition.

**Final goal:** An interactive music academy where I can select an instrument, follow visual lessons, practice real musical skills, receive feedback, switch guitar chords faster, learn piano with falling notes, and progress from beginner to advanced.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.