Skip to main content
Looking for another way to start building on Replit? Remixing lets you start from existing apps created by the community. It’s faster than building from scratch and a great way to learn from working code.
New to Replit? Try building your first app to learn how Agent works from scratch.

​
Create your Remix

⏰ Estimated time: 5 minutes Follow the steps in this guide to create a Remix of an interactive digital piano app:
Interactive digital piano with keys
Try the published app at Digital Piano Keys.
1

Remix the app

Select the Remix this app button below to start creating your own version of the Digital Piano app.
2

Complete the app details

After selecting the button, the Remix App dialog appears. Select Remix App to continue. You can edit these details later.
Remix App dialog showing app name, description, and privacy settings
3

Play the piano

The app starts automatically. Navigate to the Preview tab to see the piano interface.
You now have a fully functioning Remix that you can interact with and iteratively improve.Click the piano keys to play notes and hear the sounds. Try playing a simple melody to test the app.

​
Enhance your Remix

Now that you have a working app, use Agent to modify and extend it. The following sections show practical examples of enhancing your Remix.

​
Add a feature using Agent

Use Agent to add complex features to your Remix:
1

Craft a prompt

Navigate to the Agent tab.Enter the following prompt in the text area:
Add a tutorial mode that teaches you how to play simple songs. When tutorial mode is active, highlight the next key that should be played, wait for you to press the correct key before moving on, and display the song name at the top. Include a button to start the tutorial and pre-load at least two simple songs like “Mary Had a Little Lamb” or “Twinkle Twinkle Little Star.”
After you submit the prompt, Agent might pause and ask for clarification or confirmation. Respond in the text area.
2

Test the feature

Navigate to the Preview tab to see Agent’s updates to the piano.Try starting the tutorial mode and following along as keys are highlighted.
Since the initial prompt excluded specific details about the visual design, the result might not match your exact expectations.
3

Refine the feature

If the feature differs from your expectations, continue the conversation by entering a follow-up prompt in the Agent text area. For example:
Make the highlighted key glow with a pulsing animation and add a progress indicator showing how far along in the song I am.
To undo these changes, select Rollback to here in the Checkpoint created immediately after starting the plan for the change in the Agent tab.Learn more about Checkpoints and Rollbacks.

​
Add a feature using Fast mode

Follow these steps to add a quick enhancement to your Remix using Fast mode:
1

Craft a prompt

Switch to Fast mode and enter the following prompt:
Add record and playback buttons to capture and replay piano performances.
After you submit the prompt, Agent describes the changes it wants to make and lets you review the code changes before proceeding. Select Preview code changes to view a comparison of the current code and the updates.
2

Test the feature

Select Apply all and approve any following confirmations to continue.Navigate to the Preview tab to check the result. You should now see record and playback buttons that let you capture and replay what you play.To undo these changes, use the Rollback feature in the Agent tab.

​
Continue your journey

Now that you’ve completed this tutorial, here are some remix-specific next steps:
  • Explore more remixes: Browse the community to find apps to remix and learn from
  • Build from scratch: Try creating your own app with Agent to compare the experience
  • Examine the code: View the source code in the Files tab to understand how the app works
  • Publish for remixing: Share your enhanced version so others can build on your work. Learn more in Make your Replit App Public