Thread Reader
Share this page!
×
Post
Share
Email
Enter URL or ID to Unroll
×
Unroll Thread
You can paste full URL like: https://x.com/threadreaderapp/status/1644127596119195649
or just the ID like: 1644127596119195649
How to get URL link on X (Twitter) App
On the Twitter thread, click on
or
icon on the bottom
Click again on
or
Share Via icon
Click on
Copy Link to Tweet
Paste it above and click "Unroll Thread"!
More info at
Twitter Help
Cj Z 🎯
@cj_zZZz
Only Building Copilots! | @codeguidedev
10 subscribers
Subscribe
Save as PDF
Jan 20
•
8 tweets
•
3 min read
Deepseek:
An Open Source AI Model that outperformed:
- Llama 3.2
- Gpt4o
- o1 mini
Here's everything you need to know about Chinese Deepseek Model:
🧵
DeepSeek is a Chinese-developed open-source LLM series of models.
I would say this is the first real Open Source model.
It has provided details about what data and techniques it used to train the model.
MIT licence, which means you can train and build AI commercial products.
Save as PDF
Jan 11
•
16 tweets
•
6 min read
Cursor AI Coding Crash Course:
🧵
In last 5 months, I've built 30+ projects with AI code.
And I found that Cursor is the best AI Coding IDE for complex applications like:
- Web applications
- Mobile Applications
- Downloadable Software
So If you master Cursor, you can code anything!
Let's start...
Save as PDF
Jan 8
•
14 tweets
•
4 min read
In last 45 days, I wrote 12 Tutorials on AI tools.
If you missed any of them,
Here's the Master Thread for you:
🧵
1.
Context Boundary in Cursor
https://x.com/cj_zZZz/status/1860732311299408257
Save as PDF
Jan 6
•
14 tweets
•
5 min read
How to Create a Modern Landing Page?
→ Plan it with CodeGuide
→ Code it with Bolt .new
→ Deploy it on Netlify
Here's a Step by Step Guide:
🧵
1.
Take Inspirations
You need to spend some time visualizing how your landing page would look like.
For this you can go to:
- Dribbble
- Landingfolio
- onepagelove
- saaslandingpage
Once you find a style you like. Take notes of hero section, color pallete, styling etc.
Save as PDF
Jan 3
•
13 tweets
•
5 min read
Launch Your First SaaS with AI.
Here's a 10-Step Plan for you:
🧵
1.
Research
Build something that people would pay for.
Here're few ideas:
- Build something that you're struggling with in daily workflow. Solve your own pain.
- Find a market gap. Analyze what's missing in the market. How new AI tech can fill this gap.
- Clone something. If a company is charging big bucks, clone there core features and resell to their customers.
- Read trend reports. Data never lie. Find a trend that your passionate about and ride the wave.
If you work with these 4 strategies, I'm 98% sure you'll have a product idea in next 7 days.
Save as PDF
Jan 2
•
15 tweets
•
6 min read
Complete step-by-step guide on Cursor:
🧵
Let's start with basics: How AI coding works?
We prompt AI model in plain english and they turn our request into code.
The better the instructions the better the code!
To create detailed instructions we use AI to write us detailed project development documentation.
This step is very important and can't be skipped if you want to build production-ready application.
Save as PDF
Dec 31, 2024
•
11 tweets
•
5 min read
Bolt .new Prompting Handbook:
🧵
1.
Use "Enhance prompt" button
Your prompt quality makes a huge difference in AI output.
Provide as much details as you can in the input field, then click on "enhance prompt" button.
A detailed and will structured prompt can help you save tokens and time with less errors.
Save as PDF
Dec 29, 2024
•
10 tweets
•
4 min read
Cursor Prompting HandBook:
🧵
1.
"Fix Errors" Prompt
AI models like Sonnet 3.5 can overlook important details sometimes and that triggers a loop of errors.
Use this prompt below to fix that issue.
This will help AI to analyze the caore cause of the error and then create a step by step plan to fix error.
Save as PDF
Dec 28, 2024
•
16 tweets
•
6 min read
Code your Dream Project with AI
Use tools like:
- Cursor to code complex projects.
- bolt, lovable to code websites, micro SaaS.
- v0 lovable to code frontend screens
Step by Step Guide to code your first software with AI:
(Bookmark this for future use)
First of all, you need to understand how AI coding works.
We have amazing LLM models like Claude Sonnet 3.5 that can write high quality code (based on instructions) in any famous coding language.
It can help you build:
- web apps
- mobile apps
- browser extentions
- downloadable software
- landing pages or websites
You name a use case, AI models are now able to code that.
Save as PDF
Dec 24, 2024
•
7 tweets
•
3 min read
Here's the Master Trick to work with Cursor and Windsurf.
It will remove 80% of AI hallucinations and 60% less code errors.
You need to create a 'Documentation" folder in the root directory.
Then you need to attach all your project docs to that folder
Let me explain....
Models like GPT4o and Claude Sonnet 3.5 are "implementation" models.
They can follow the the instructions and go from point A to point B.
But they are nott good enough to reason, think and map out the next steps.
That's why when we don't give proper context about our project, the models start to hallucinate and mess up the codebase.
Save as PDF
Dec 12, 2024
•
13 tweets
•
3 min read
I've consulted 20+ CEOs in last 4 months.
They are all inesting big bucks on AI Tech.
Here're all the in-demand product requests from big companies:
Sharing all my notes.
🧵
1.
Voice agents
Companies spend alteast 20% of resources on customer support.
They either have:
- In-house customer support agents
- Or they outsource this to call centers
Both are expensive.
Solution:
A agent that take calls from customers to answer all their questions, inquiries, track orders, collect information, forward calls etc.
I've built this recently for dentist clinics to replace the front desk calls. Magic.
You can also build:
- Customer onboarding call agent
- Outbound Call Agent
- Appointment booker
- AI receptionist
Save as PDF
Dec 10, 2024
•
12 tweets
•
4 min read
I coded the entire landing page in @v0
AND deployed with vercel.
Without using:
- bolt
- Cursor
- Claude
- Windsurf
This is HUGE!
v0 2.0 is becoming a full-stack AI dev.
Let me share all my tricks and findings about new v0:
↓
A few days back I wrote about "Old v0" that how amazing it was.
✅️ Single file code.
✅️ Clean UI designs
✅️ Modern fonts
✅️ Smooth animations
But it started to break after v0 announced that now it can create "full-stack" React applications.
It was a mess.
Save as PDF
Dec 7, 2024
•
16 tweets
•
5 min read
AI Coding Crash Course:
(Everything you need to know to get started)
You can build anything with AI code, If you know how to talk to AI models.
You need to learn:
- Development Documentation
- What AI tools to use
- AI prompting
That's it. Don't overcomplicate it.
Let's expand:
Let's start with tools.
What AI tools we need to use? For what purpose?
1.
Bolt is great for:
- for tiny software (1 page tool that does 1 thing)
- landing page design
- designing the frontend screens
- personal software
If you're just starting out and want to taste the AI coded software, try bolt.
It's just a bit too expensive to build complex apps.
Save as PDF
Nov 30, 2024
•
11 tweets
•
5 min read
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.ts
Save as PDF
Nov 29, 2024
•
14 tweets
•
4 min read
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:
🧵
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.
Save as PDF
Nov 26, 2024
•
14 tweets
•
5 min read
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:
🧵
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.
Save as PDF
Nov 24, 2024
•
13 tweets
•
4 min read
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🧵
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.
Save as PDF
Nov 23, 2024
•
18 tweets
•
4 min read
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.
🧵
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?
Save as PDF
Nov 11, 2024
•
11 tweets
•
3 min read
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.
🧵
2: Build your own SaaS project:
Save as PDF
Nov 9, 2024
•
10 tweets
•
3 min read
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 🧵
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
Save as PDF
Jun 26, 2024
•
13 tweets
•
3 min read
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:
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