Skip to main content
⏰ Estimated time: 5 minutes This guide will help you create your first app in just a few minutes, no coding experience required. You’ll use Agent to build an interactive piano from a simple prompt.
Interactive piano app with white and black keys

​
Before you begin

You’ll need:
This tutorial uses Agent, which is included in the free Starter plan with daily credits. No credit card required.

​
Build your piano

1

Start with an idea

Agent is Replit’s AI that builds apps from natural language. You describe what you want, and Agent writes the code, designs the interface, and creates a working app.To communicate with Agent, you write a prompt - a text instruction describing what you want to build. Be specific about what you want to build, how you want it to look, and how it will work.
2

Start building

Select Start below to open Replit and start building.
3

Agent builds your piano

Agent will set up your app and start building. You’ll see real-time updates in the Progress tab as Agent creates your piano.
Progress tab showing Agent building the piano in real-time
When Agent finishes, it will show you what it built. The process takes about five minutes.
4

Play your piano

Once Agent completes, navigate to the Preview tab to see and interact with your piano.Click the keys to hear them play and see the realistic press-down animation.
Your piano design might look slightly different since Agent can generate varied results from the same prompt.

​
Try playing a tune

Use the note names shown on your piano to play “Mary Had a Little Lamb”:
E D C D E E E
D D D
E G G
E D C D E E E D D E D C
Click the keys labeled with these note names to play the tune.

​
Take it further: Explore design variations on the Canvas

Want to reimagine your piano’s look? Use the Canvas to generate multiple design directions and compare them side by side without touching your live app.Try prompting Agent: “Show me three design variations of the piano app on the canvas.”
Canvas showing multiple piano design variations side by side
When you find a direction you like, ask Agent to apply it back to your app. Learn more in Canvas.
5

Publish your app

Ready to share your piano? Click Publish in the Workspace to publish your app to a public URL that anyone can visit.
Learn more in Publishing.

​
Continue your journey

Now that you’ve built your first app, here’s what to try next:
  • Build something new: Try creating a game, drawing app, or anything you can imagine with Agent
  • Explore design variations: Use the Canvas to generate multiple versions of your app and compare them side by side
  • Make visual tweaks: Use the Visual Editor to adjust colors, text, and layout without writing code