Cj Z 🎯 Profile picture
Nov 29 14 tweets 4 min read Read on X
Here's my review on Cursor's New Agent/

Context: Cursor released a new feature (Agent) in their 0.43 build update

Cursor Agent solved:
- keeping updated context of files
- running terminal in composer
- iterating itself to fix issues

It is Amazing.

Details below:
🧵 Image
Cursor is the best IDE so far. Yes, better than Windsurf.

Because it had few bugs than others and now with the release of Agent.

Cursor saved 50% of dev time for any AI coder.

In simple words:
If you write detailed docs and attach them to Cursor and use Agent, you'll be amazed.
Here's what I did:

Opened a blank project

Asked it: "Install Nextjs 14 with app router, TypeScript, tailwind"

Vague prompt but it worked

Agent ran all commands, and we have a Nextjs app running

Next, I attached docs:
- PRD
- App flow doc
- Tech Stack doc
- File Structure doc
I did not tag any doc by doing "@".

I asked: "What do you know about my project?"

Surprisingly, it scanned all docs and gave me an overview of the project.

Then I asked some specific questions:
"Do you understand my file structure for this project?"

It pulled out the structure
Then I asked:

"Let's create all folders and files now so I can put a lock. So we don't create any unnecessary files on the go."

It ran all commands to create all docs and files inside.

(Bolt was really good for project setup before; now Cursor is as good.)

So I moved forward and
asked it to:

"Study 'frontend-design .md' file and share your plan for how to code all the frontend screens?"

It created the plan accordingly to the doc.

I tweaked a few things and asked it to start with the core skeleton.

But before that, I created a file "progress-log .md" to document progress.
It created the file. I added this condition in the .cursorrules file.

And we started coding the frontend.

Usually, I use v0 for this, but after recent updates of v0, it is getting super messy.

So I decided to give Cursor a shot.

We started with Sidebar design, and we ran into an error.
And I pasted the error in Composer and ran into another error.

Here I used my old trick: "Use chain of thought reasoning to find the core cause of this error. Then fix it properly."

Boom. Error fixed. I see the left sidebar.

(It also installed Shadcn packages, which I forgot to ask for.)
It was addictive. I ran out of my 500 fast requests.

But I battle-tested, and I'm glad I stuck with Cursor.

Is it perfect? No, there are still some issues, but is it better than other IDEs?

For me, yes.

It still has error handling issues. Bolt is great at that.
But bolt is 5x more expensive than cursor.

So why not make cursor's error handling capability great.

How?
1. Write detailed docs. Even if you have 10 docs explaining 10 parts of the app, it's great.

2. Break down tasks into small pieces. ("Code me this app") won't work.
3. Tag (@) the right doc when working on that page or feature. It provides context.

4. Write a great .cursorrules file for your project. Explain the whole process from 0 to 10.

5. Use chain of thought reasoning prompts for complex errors.
6. Try to understand the error yourself. This helps a lot in learning and understanding code.

7. Create a file to document errors: "What you did, why you did it, and how it worked." Refer to this file if you see the same error again.
8. Maintain a progress log file. It's a checklist for Cursor: what's done, what are we working on now, and what's next.

9. Commit to GitHub continuously when you achieve milestones before moving to the next step.

10. Keep the file structure clean. Less mess -> fewer errors.
11. Save time by automating all the docs creation because it will take at least 60% of your dev time.

To automate this, I'm building

In 2 days, we have 580 signups for early access.

So, sign up, and I'm burning my tokens to release this app very soon. codeguide.devImage

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Cj Z 🎯

Cj Z 🎯 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @cj_zZZz

Nov 26
AI coding = Proper Documentation + Detailed Instructions

It's like a smart kid who can code but doesn't know the best practices of code.

You need to tell AI what exactly you want:
- web app?
- features?
- structure?
etc

Here's how you can make AI your full stack developer:
🧵 Image
Context is King!

You need to build a strong wall of Context around AI.

Goal: Don't let AI assume anything. Provide all the information yourself.

This way AI works with you, not against you.

Let's talk about what docs we need to attach, to provide max. context. Image
1. Project Requirement Document

It provides the overview of what the project is all about:

- Introduction
- Problem
- Solution
- Target Audience
- Tech Stack
- Core Features
- Scope of Work

This document is a brief introduction of your project.

Let's now add more specific docs to guide AI on each step.
Read 14 tweets
Nov 24
I've built 19 projects with Cursor AI without line a single line of code myself.

But, the Truth is Cursor is dumb you don't add detailed docs around your project.

You need to build a strong <Context Boundary> around Cursor

Here what you can do to improve your Cursor workflow🧵 Image
1. Brain dump with Claude

You need to to share everything about your idea. The best way you open your mic and speak out everything about your project.

- What it is?
- Features?
- Layout?
- Inspirations?

Anything that comes to your mind. Context is the Key for AI.
2. Claude or ChatGPT o1

Claude is great to turn your thoughts into structured output.

You take this output to ChatGPT o1 model.

Ask it to create:
- Project requirements Doc.
- Tech Stack and Packages Doc.
- Schema Design Doc.
- Detailed App Flow Doc.

I do compare Claude and o1. Sometimes Claude outshines o1.

(If you don't have access to o1, you can get this done with Claude too)
Read 13 tweets
Nov 23
I use bolt. new to build web apps.

I burned 200 Million+ tokens so far and spent $300+ on bolt.

Here's the best use case of bolt.

We'll cover this workflow:
Claude AI

Bolt. new

Cursor

Let's start.
🧵 Image
Bolt is best for:
- starting the project super fast.
- building your frontend sceens.
- micro saas applications

Bolt is not good for:
- building complex projects
- connecting backend to frontend
- API handling

So how to use bolt .new?
Start your workflow with Claude AI

1. Start a new project
2. Attach all documents
- PRD (Project Dev. Doc)
- App flow & Functionality Doc
- Frontend code (if you used v0)
3. Now tell Claude that you'll be using
- bolt .new start the project Image
Read 18 tweets
Nov 11
315 days are gone!!!

ONLY 50 days are left in 2024.

Don't wait for the New Year's Resolution.

Use AI to build your dream business.
🧵 Image
2: Build your own SaaS project: Image
3: Start a Web Development Agency: Image
Read 11 tweets
Nov 9
Code Your First SaaS with AI:

Start your workflow with Research.

Use ChatGPT o1 model: It is best for:
- Diving deep into research
- Preparing Documentation
- Crafting App layout

Then go to v0.

v0 is new figma: Design your frontend
- screens
- buttons
- effects

Continue 🧵 Image
Now go to Claude AI chat.

This is your coding guide throughout the journey.

- Upload all docs
- write a detailed system prompt
- Use Claude prompt generator

Then go to Replit.

- Start a new project
- Install Nextjs Starter kit
- Connect Github (to save code)
- Connect cursor Image
Now go to cursor

Cursor is your coder. You'll be using AI to get the coding done for you.

Follow Claude's introductions for:
- creating all folders & files in cursor
- installing supabase (backend to save information on cloud)
- to connect frontend with backend.

Then Image
Read 10 tweets
Jun 26
Claude Prompting is different than ChatGPT.

It has a Coding brain.

You need to use tags <>, and markers to make it understand the request.

After playing with Claude's all 3 models for over 3 months now.

Here are the 12 main tricks I found that work the best:Image
1. Use XML tags:

Think of it like a camera lens.

When you input a long text, Claude models don't focus on finding important information.

However, using XML tags makes retrieving information easier for the models.

Example: Youtube transcript
2. Be super clear:

Tell Claude exactly what you want it to do.

Use words like "please" and "I want you to..." as this gives models the hint that this is an action request.

Be as specific as you can!

Example: Please summarize the main ideas in the section.
Read 13 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(