Last week we released a new feature in CopyCoder that lets you:

→ Turn a single screenshot into a web app using Cursor agent
→ Integrate a Supabase backend
→ Add a working user authentication

...using the prompts generated by CopyCoder.

Here's a full tutorial 🧵 1/

After uploading a screenshot, starts generating your prompts

You can use these prompts in the normal Cursor Composer mode to create the full frontend of your app

But now we have a new feature that is optimized for Cursor agent copycoder.ai

Cursor beginners usually struggle with when to use which AI mode in Cursor:
· AI Chat
· Composer
· Agent

Here's a full guide 🧵 First some background:

- There are 3 different AI modes in Cursor relevant for beginners: Chat, Composer, Agent (I won't talk about other Cursor AI features like Tab and CMD+K, since those are more for pros).

- AI Chat was released first, then Composer, then Agent

- Toggle the AI pane on the right to open Chat. Use CMD+I to open Composer. Toggle for Agent.

I've done 100s of tests with Cursor's agent feature at this point.

If you want the agent to complete an extensive workflow with a single command, the best way to do that is... First, split up your workflow into several chunks.

For example for copycoder.ai our workflow is to build out the full frontend of an app and integrate it with a supabase backend (that includes user auth).

So we've split it into 3 files:
1 - Setup dependencies & build initial dashboard
2 - Build all other pages in app
3 - Setup supabase & auth

How to use CopyCoder and Cursor to clone an app in <10mins

Full Tutorial 🧵 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

CopyCoder is finally live!!

Build a FULL frontend with just one screenshot

1. Screenshot any app
2. Generate prompts
3. Paste into AI builder
4. Full FE clone app is created

Comment "copycoder" and I'll DM u access My DMs are hitting their limits.

Here's the link for everyone to try out:


We'll also be posting future updates here @CopyCoderAIcopycoder.ai

Prompt Chaining gives you higher quality responses — according to research papers.

I found a powerful tool to turn your prompts into prompt chains.

Here's how: STEP 1:

Turn your prompt into several smaller prompts.

You can use ChatGPT and a simple prompt like this:

"Turn the steps in this prompt into their own standalone prompts. Make it easy to copy these prompts.

<prompt>
[paste your prompt]
</prompt>"

Prompt Chaining beats Stepwise prompting.

A recent study compared both methods head-to-head and concluded that prompt chaining results are better most of the time. Link to the study:
arxiv.org/abs/2406.00507…

This Claude 3 prompt optimizer turns simple prompts into advanced prompt templates.

It's the best prompt optimizer I've used so far.

Here's how to use it: 1) Getting Started

First head to

(You can use the prompt with other models too, but it works very well with Claude 3 Opus.) Claude.ai

How to make AI write in a natural human tone.

Use these 7 instructions in your prompt: 1/ Use short punchy sentences

Example:

"And then… you enter the room. Your heart drops. The pressure is on."

Wow! A glimpse into the future of Claude

Watch Claude give tasks to subagents to perform multiple analyses in parallel

This is possible with the 'functions' feature, which lets Claude interact with external tools In the video 3 functions are used:
- Web view
Lets you access web pages

- Python Interpreter
Interpret and write python code

- Dispatch Subagents
Assign tasks to subagents in parallel

Many users now say Claude 3 is better than GPT-4.

If you're new to Claude and want to learn how to best use it...

I created a 7-step roadmap to learn everything you need to know: 1. Basics

First off, the free version available on is called Claude 3 Sonnet.

Claude 3 Opus is its most intelligent model and it's available in the $20 pro plan. claude.ai

Anthropic (Claude) has a really neat tool on their website.

It's a prompt optimizer and can turn a simple prompt into an advanced prompt template.

I've tested it and it works incredibly well.

Here's how to use it (in 3 steps): A couple of notes to start:

- This prompt optimizer differs from others optimizers in that it's great for creating prompt TEMPLATES, i.e. prompts that allow you to fill in more context
- To use it you'll need an API key, but you can get some free credits

I just discovered the official prompt library by Anthropic (Claude).

It's MASSIVE.

Here are my 7 favorite ones in there: 1. Time travel consultant

🔗 docs.anthropic.com/claude/page/ti…

I wrote over 300 posts about AI in 2023.

In total they got over 80 million impressions.

To recap the year, here are my 10 favorite posts to help you master ChatGPT, implement AI in your business and get ahead on AI: 1/ The Lever prompt

https://twitter.com/1093089704373903360/status/1735306205852283375

This prompting technique is insanely useful.

It basically acts like a LEVER that you can crank up and down.

I discovered it a week ago and use it all the time now.

[Short thread] Whenever ChatGPT goes 'too far' or 'not far enough' with something, for example:
- tone too formal
- summarization too brief
- brainstorming not creative enough

Just do this:
1. Ask it to rate the output on a scale of 1-10 (define 1 and 10)
2. Then adjust to your desired number

You can learn a lot about prompt engineering from the ChatGPT system prompt.

It's written by the people that developed the model, so they must know what they're doing!

Here are the 5 things that stand out to me in ChatGPT's system prompt: First off, if you don't know what a system prompt is, it's basically the initial instruction for the chatbot to guide its responses or actions.

It's hidden for the users and put there by the developers of the model to make sure that the model behaves in the right ways.

Claude is so much better than ChatGPT at copywriting.

I'm surprised there aren't more people jumping ship.

I did a head-to-head with 5 identical prompts.

Here are the results: 1/ Newsletter subject lines

Winner: Claude
Reason: ChatGPT's subject lines sound too clickbaity

5 secrets to turn any shitty prompt into a super prompt: 1/ The Prompt Champion

This is a prompt that transforms simple prompts into superior prompts through a controlled ITERATIVE process.

https://twitter.com/moritzkremb/status/1713902866497167366

This is prompt engineering on steroids.

This AI tool runs head-to-head battles to find out which prompt is the best.

Here's how to use this crazy tool to optimize your prompts (in 3 steps): Introducing Prompts Royale

→ Go to promptsroyale .com (it's completely open source)

You'll need to enter your OpenAI API key (which you can get on platform.openai .com) so that it can use GPT.

I spent over 500 hours in the last 6 months mastering ChatGPT.

Using prompt frameworks is by far the most effective way to level up your outputs.

Here are cheat sheets for the top 5 prompt frameworks to improve your prompts: 1/ RTF (by @cj_zZZz)

I've spent 100+ hours studying what makes good ChatGPT prompts.

One of the most effective things is to define clear formats for your output.

Here are the 3 best formats to use when selling your products and services: 1/ PAS

P - Problem
A - Agitate
S - Solution

The PAS framework is highly effective for addressing the pain points of your clients and positioning your product or service as the ultimate solution.