Cj Z 🎯 Profile picture
Nov 30 11 tweets 5 min read Read on X
Today I've completed my 28th project with AI Code.

3 months back I knew nothing about Cursor, bolt, v0 or even Claude as a coding assistant.

But after spending 600+ hours with these AI tools, I have learned some TRICKs.

I'm sharing TOP 10 TRICKs of:
- Cursor
- Bolt
🧵
Let's start with bolt.

1. Do you know Bolt is open source? which means I can inspect their Github repo and find their "system prompt"

I copy this prompt and feed it to claude/o1 when I work on bolt related tasks.

I ask AI to keep the prompt in mind and bolt instructions.

It always works. Try it.

You can find this prompt under:
bolt .new/app/lib/.server/llm/prompts.tsImage
2. Target file

I paste v0 code in bolt to get my frontend components done quickly and with less token burn.

But when I paste the code in the file myself, bolt doesn't update its context.

For this purpose I use "target file" option.

I let bolt know that I pasted the code in x file. Help me run the update and update linked files.

It works.Image
3. Let me help you save tokens on Bolt.

When you ask bolt to make a specific change in the code. Bolt tries to rewrite the code for complete file.

It burns alot of tokens.

To solve this issue Bolt launch a beta feature "Diffs"

Go to Settings/Preview features and enable Diffs

(There're still some issues with accuracy but it is much better now)Image
4. Specific Change.

If you want to use Diffs even better and you know some context of code. Try this.

Highlight the code snippet and click on "Ask AI"

Bolt will attach the snippet to input filed. Now prompt it to mak ethat specific change.

This works fast and burn very less tokens.Image
5. Enhance prompt.

When you start your workflow or during the process, when you ask bolt to make any changes.

Try this "enhance prompt" feature to make your prompt more detailed.

8/10 times it makes your request alot clear, resulting in less errors and less token burn. Image
Now let me give you 5 Cursor Tricks.

1. Check if you're using latest Sonnet Model?

By default Cursor is using the old Claude Sonnet 3.5 model.

Go to Cursor Settings/Models and enable Cursor sonnet-20241022

Then in composer select that model.

New model is alot efficient for coding and debugging.Image
3. New Agent 0.43 Update Download.

Many of you are still using Cursor 0.42 which doesn't have Cursor agent.

Go to changelog .cursor.sh/ and download cursor from here.

This is Cursor's feature update page. Image
3. Enable Bug finder

This is an experimental (beta feature) that helps you find minor bugs in the code.

Go to Cursor Settings/beta and enable this feature.

It will show up alongside composer.

(Still not super accurate but alot better than manual prompting and fixing).

Documentation makes a huge difference.Image
4. Documentation

Project Documentation works like a context boundary around Cursor.

You need to understand that Cursor's system prompt is very complex. If you don't provide context around your project.

It will mess up code, file structure, layout. You'll burn out and quit.

Let me help you.

Check out my earlier posts where I shared what docs you need to create to make cursor work with you not gainst you.

I was asked alot that how do you upload documents?

you just need to create a folder in your root directory. I name it "Documents" and them upload all your docs in .md format.

Good part. Cursor Agent picks up docs right away. Just tag the right doc, prompt cursor and boom. It works.Image
For Dumentation process which is 80% work of the AI code.

I am building codeguide .dev to create High Quality Docs in 15 minutes rather than 5 hours after burning all chat limits on o1 and Claude.

I fixed my painpoint. Sign up today to get early access.
(720 signed up in 48 hours. 🙌)

Share this Post with others to Support.

If you want me to share more Tricks on tools like v0, Windsurf, Cline? Comment your thoughts below. ✨

Peace.
CJImage

• • •

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 29
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
Read 14 tweets
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

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!

:(