English language as a coding language now Thanks to AI code. There...
CJ Zafir@cjzafir
23 views
Feb 22, 2025
~3 min read
Advertisement
1
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.
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.
2
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:
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:
3
AI coding tools use AI coding LLMs to help users code.
What can you code with AI:
1. SaaS web apps
2. Mobile apps
3. Browser Extensions
4. APIs
5. Plugins
6. Websites
The key here, to pick the right tool for that use case.
Let me show you which tool is best for what use case
What can you code with AI:
1. SaaS web apps
2. Mobile apps
3. Browser Extensions
4. APIs
5. Plugins
6. Websites
The key here, to pick the right tool for that use case.
Let me show you which tool is best for what use case
4
1. @cursor_ai
Best AI Coding IDE for serious developers. It is extensive but also a bit complicated for beginners.
Best for:
All types of apps.
2. @windsurf_ai
Similar to Cursor, Windsurf is also an AI IDE but its a lot simpler to use.
Best for:
SaaS web apps
Best AI Coding IDE for serious developers. It is extensive but also a bit complicated for beginners.
Best for:
All types of apps.
2. @windsurf_ai
Similar to Cursor, Windsurf is also an AI IDE but its a lot simpler to use.
Best for:
SaaS web apps
5
3. @boltdotnew
Bolt is a browser based AI app builder. Beginner friendly, and easy to use.
Best for:
Micro SaaS
Mobile Apps (expo)
4. @Replit
Replit can help you code and deploy apps within its interface. A bit slow but user experience is good
Best for:
MVPs
Mobile apps
Bolt is a browser based AI app builder. Beginner friendly, and easy to use.
Best for:
Micro SaaS
Mobile Apps (expo)
4. @Replit
Replit can help you code and deploy apps within its interface. A bit slow but user experience is good
Best for:
MVPs
Mobile apps
6
5. @lovable
Lovable is amazing with modern UI apps. Browser based app builder for beginners.
Best for:
Landing pages
Micro SaaS (4-6 page)
Lovable is amazing with modern UI apps. Browser based app builder for beginners.
Best for:
Landing pages
Micro SaaS (4-6 page)
7
6. @CodeGuidedev
CodeGuide writes coding documentation for all these tools. It provides context to AI coding models about your project.
Best For:
Generating Docs
AI Code Starter kits
It solves:
Project Context
AI hallucinations
Quality of code
CodeGuide writes coding documentation for all these tools. It provides context to AI coding models about your project.
Best For:
Generating Docs
AI Code Starter kits
It solves:
Project Context
AI hallucinations
Quality of code
8
Now you know the top AI tools and their best use cases.
Let's understand the flow of AI code:
1. You need to plan your app
Use ChatGPT voice to talk through your project idea. Treat it like your brainstorm buddy.
Get the final project idea draft on 1 page.
Let's understand the flow of AI code:
1. You need to plan your app
Use ChatGPT voice to talk through your project idea. Treat it like your brainstorm buddy.
Get the final project idea draft on 1 page.
9
2. Write project documentation
This step is must. It provides context boundary to AI coding models.
Use @CodeGuidedev to generate you project documentation.
Go to Dashboard → New project → Paste your ChatGPT project idea draft → Follow 5 steps
Download all docs.
This step is must. It provides context boundary to AI coding models.
Use @CodeGuidedev to generate you project documentation.
Go to Dashboard → New project → Paste your ChatGPT project idea draft → Follow 5 steps
Download all docs.
10
3. Select your AI coding tool.
Bast on your use case, pick the best suited tool then attach the project coding docs to that tool.
Then ask "before you code anything, tell me what do you understand about my project"
Now the context is updated.
Bast on your use case, pick the best suited tool then attach the project coding docs to that tool.
Then ask "before you code anything, tell me what do you understand about my project"
Now the context is updated.
11
4. Build step by step (scaffolding)
"Build me a Netflix clone" type prompts never works.
Start with 1 page at a time and within that page 1 component/section at a time.
Only ask 2 requests at a time.
Keep updating:
1. project docs
2. Github commits
"Build me a Netflix clone" type prompts never works.
Start with 1 page at a time and within that page 1 component/section at a time.
Only ask 2 requests at a time.
Keep updating:
1. project docs
2. Github commits
12
5. Debugging
This can be an art. AI will definitely make mistakes. It's your job to make AI understand the error.
Say things like "use chain of thought reasoning to understand the core issue here'
Provide as much context as you can provide and attach relevant docs.
This can be an art. AI will definitely make mistakes. It's your job to make AI understand the error.
Say things like "use chain of thought reasoning to understand the core issue here'
Provide as much context as you can provide and attach relevant docs.
13
6. Deploy.
Make sure your build environment is also configured properly. Once you're done with all your pages and features, deploy the app.
Use Vercel, Netlify, or Replit to deploy your apps.
Make sure your build environment is also configured properly. Once you're done with all your pages and features, deploy the app.
Use Vercel, Netlify, or Replit to deploy your apps.
14
TL;DR
1. Understand what is AI coding
2. Pick the right AI coding tool
3. Follow the AI coding workflow
4. Deploy your app
5. Join @CodeGuidedev AI community
1. Understand what is AI coding
2. Pick the right AI coding tool
3. Follow the AI coding workflow
4. Deploy your app
5. Join @CodeGuidedev AI community