Cj Z 🎯 Profile picture
Only Building Copilots! | @codeguidedev
10 subscribers
Feb 20 9 tweets 4 min read
Cursor/Windsurf cheat code.

{Provide detailed context about your coding project}

It will minimize 85% of AI hallucinations and errors.

Here's how you can do it using ChatGPT: Image 1. Project Requirements Document.

Ask AI to write a PRD (for AI coding model) about your project.

It should include these sections.
- App overview
- User flow
- Tech stack & APIs
- Core features
- In-scope and out-of-scope

To make it air tight add these too:
- Non-functional requirements
- Constraints & assumptions
- Known issues & potential pitfalls

This doc will provide high level overview to Cursor/WindsurfImage
Feb 19 14 tweets 3 min read
English language as a coding language now

Thanks to AI code.

There are 5 steps in AI coding:
- plan
- prompt
- scaffold
- debug
- deploy

You don't need to be a technical developer to code with AI.

Here's your Zero-to-Hero Guide on AI coding. Image AI coding works with 2 main engines.

AI coding LLM models + AI tools

Top AI Coding Models:
1. Claude Sonnet 3.5
2. GPT o1
3. GPT o3-mini
4. Deepseek r1

Top AI Coding Tools:
1. Cursor
2. Windsurf
3. Bolt
4. Replit
5. Lovable
6. Cline

I'll unpack below:
Feb 10 9 tweets 4 min read
Cursor is the Best AI coding IDE.

Let's build an AI app that can clone tweet style and mimic future tweets: 🧵 Image 1. Clone CodeGuide Starter Kit (Open Source or PRO)

- go to Github page of @CodeGuidedev Starter Kits
- click on 'use this template'
- then create new repository
- now name your new repo
- make it private
- then "create Repository"
- Click on "code"
- copy the link
Feb 9 5 tweets 2 min read
If you use @boltdotnew let me save you alot of tokens.

Here's how:

Step 1: Install CodeGuide NextJS Starter Kit with pre-installed packages

- NextJS 14 (ideal for AI tools)
- Typescript
- TailwindCSS
- Shadcn UI
- Supabase
- ClerkDev Step 2: Attach your project documentation

For Bolt we need 2 documents:
1. project requirements doc. (PRD)
2. app flow doc.

- Go to @CodeGuidedev Dashboard
- Go to New Project
- Complete 5 steps
- Click "Download all"
- Unzip docs on computer
- Upload PRD + app flow doc
Feb 5 14 tweets 5 min read
Windsurf might take over Cursor AI in few months.

Designed to be simple and intuitive—ideal for beginners.

I'd rate Windsurf 7.5/10 and Cursor 8/10, so margins are very bleak.

But it is getting better with each new update.

Here's how you can use Windsurf to build your first SaaS:Image 1. You need to Generate PCD {Project Coding Docs}

This step is vital, you need to provide deep context about your project.

What is your app about?
Tech stack?
App flow?
Backend?
APIs used?
etc

If you don't build a context boundary around AI models, it messes up your codebase Image
Feb 4 9 tweets 3 min read
I've coded 33 projects in last 5 moths.

without writing a single line of code.

I am about to share my AI coding workflow with you for FREE: 🧵

(Bookmark this for future use) 1st thing: Understand what is AI coding.

2024 has blessed us with powerful AI coding model like Claude Sonnet 3.5.

This model enabled anyone with computer skills to code software without writing a single line of code.
Feb 2 6 tweets 3 min read
Introducing @CodeGuidedev NextJS Starter Kits

The First Ever Starter Kit built for AI Coding Models.
- o3-mini
- Claude Sonnet 3.5
- GPT4o

Today we're launching 2 Starter Kits:
1. CodeGuide Starter Kit Lite (Open-Source)
2. CodeGuide Starter Kit Pro (Commercial Licence)

Read: 👇Image Goal:

To design a Boilerplate for AI Coding Models to work effectively with less Errors and Hallucinations.

We chose NextJS as its the most reliable full-stack framework with all coding models. Also it is fast and scalable.

Build websites to Complex Web apps with NextJS.
Jan 30 11 tweets 3 min read
Interesting!
More Open Source Models are released from China.

→ Kimi k1.5 (multimodal reasoning model)
→ Qwen 2.5 Max (1M context window)
→ Mistral Small 3 (24B model)

Let's explore all these models below:
🧵 Image 1. Kimi k1.5

Official Tweet by Kimi Account
Jan 25 14 tweets 4 min read
Turn any AI Model into Reasoning Model with Deepseek r1 <thinking> Architecture.

Models like GPT4o and Sonnet 3.5 are Implementation Models

But a new breakthrough with Deepseek can make them a Reasoning model.

Here's a step-by-step Explanation:
🧵 Deepseek r1 is an open source AI model competing against o1 model of OpenAI.

Which is the Top-Notch Reasoning Model.

How Reasoning Models work?
User message → Chain of Thought steps → Output

The CoT step is the main difference right now between r1 and o1
Jan 23 14 tweets 4 min read
An Open Source AI model {Deepseek r1} launched 72 hours ago.

This Chinese AI model just broke the internet.

People are running r1 model on:
- self hosted servers
- mobile phones
- raspberry pi
- mac books

Here're all the cool experiments, you check:
🧵 Image 1. Here's the Original Tweet by Deepseek Official Account.

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:
🧵 Image 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.
Jan 11 16 tweets 6 min read
Cursor AI Coding Crash Course:
🧵 Image 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...
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:
🧵 Image 1. Context Boundary in Cursor

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:
🧵 Image 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.
Jan 3 13 tweets 5 min read
Launch Your First SaaS with AI.

Here's a 10-Step Plan for you:
🧵 Image 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.
Jan 2 15 tweets 6 min read
Complete step-by-step guide on Cursor:
🧵 Image 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.Image
Dec 31, 2024 11 tweets 5 min read
Bolt .new Prompting Handbook:
🧵 Image 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. Image
Dec 29, 2024 10 tweets 4 min read
Cursor Prompting HandBook:
🧵 Image 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. Image
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) Image 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.
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.... Image 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.
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