How to use CopyCoder and Cursor to clone an app in <10mins Full...
Moritz Kremb@moritzkremb
19 views
Nov 30, 2024
~1 min read
Advertisement
1
How to use CopyCoder and Cursor to clone an app in <10mins
Full Tutorial 🧵
Full Tutorial 🧵
0:19
2
1. Screenshot an app or a design
Pick any web app and screenshot it
Or go to dribble and find a design you like
Paste your screenshot into copycoder.ai
Pick any web app and screenshot it
Or go to dribble and find a design you like
Paste your screenshot into copycoder.ai
0:11
3
2. Generate initial prompt in CopyCoder
Select "Web applications" (the only option for now) and click Generate
CopyCoder will generate an initial prompt for you to recreate the initial page of your app
Select "Web applications" (the only option for now) and click Generate
CopyCoder will generate an initial prompt for you to recreate the initial page of your app
0:44
4
3. Build initial page in Cursor
Open Cursor
Set up Next.js + shadcn skeleton
Then paste the generated prompt into Composer (no context selection needed)
Open Cursor
Set up Next.js + shadcn skeleton
Then paste the generated prompt into Composer (no context selection needed)
0:58
5
Cursor will now build the initial page of your application
If it asks if it should continue, just type "yes"
(If you get build errors, take a screenshot of that and it will fix it)
If it asks if it should continue, just type "yes"
(If you get build errors, take a screenshot of that and it will fix it)
2:53
6
4. Page structure analysis
You'll notice that the other pages in the app don't work yet
Go back into CopyCoder and generate the page structure prompt
Paste that prompt into Cursor
You'll notice that the other pages in the app don't work yet
Go back into CopyCoder and generate the page structure prompt
Paste that prompt into Cursor
0:42
7
5. Create all the other app pages
This will take several prompts to build out
The good thing is that the foundation is already laid out by the CopyCoder prompts
Just keep typing "yes" until Cursor says "completed"
This will take several prompts to build out
The good thing is that the foundation is already laid out by the CopyCoder prompts
Just keep typing "yes" until Cursor says "completed"
2:17
