AI Coding Guide
Implementation Plan
- Talk to top large models such as ChatGPT, Claude, Gemini, Grok, and DeepSeek to brainstorm, jointly formulate an implementation plan, design a detailed step-by-step implementation path, and generate a document.
- Add the implementation plan document to the knowledge base of the AI programming tool to make it the context of the AI programming tool. This is very important.
Choose the Right AI Programming Tool
- All AI development tools are different. Each tool is good at one thing, for example:
- windsurf_ai, is the best IDE for beginners (currently ranked first)
- cursor_ai, is very suitable for full-stack applications (currently ranked second)
- CodeGuidedev, is very suitable for writing project coding documents
- Replit, is very suitable for one-time MVP/mobile applications
- v0, is good at designing modern UI components
- boltdotnew, is very suitable for micro-SaaS using Supabase
- lovable_dev, is very suitable for writing modern landing pages
- SoftgenAI, is very suitable for micro-SaaS using firebase
- cline, is the best VS Code extension/works with MCP
- base_44, is very suitable for dashboard-like applications (new tool)
- ManusAI_HQ, is very suitable for agent-based/browser-based work
- perplexity_ai, is most suitable for web search/summary
- ChatGPT app, is very suitable for voice-to-voice/writing work
- grok 3, is good at web-based research/X information
- Anthropic AI, is very suitable for coding (Sonnet 3.7 model)
- OpenAI, is very suitable for all types of AI models through API
- Gemini App, is very suitable for multi-modal (Flash 2.0 model)
Choose the Right Technology Stack
- AI models are trained based on certain programming languages.
- To get the best code quality and reduce errors, only use these AI-friendly technology stacks:
- Frontend: NextJS / Vite / Flask
- Database: Supabase (PostgreSQL) / Firebase
- Authentication: ClerkDev / Supabase / Firebase
- AI: OpenAI / Claude / Gemini
Debugging Prompts
- Attach the error and say: use chain of thought reasoning to find the core issue first and then plan step by step to fix the issue.
- Ask it to: follow the best practices of code. Search the web and find the fix for this issue.
- Only attach necessary relevant files so that the AI can focus better.
Use Multiple Models
- AI models are not omnipotent, and different models should be used in different scenarios.
- In Cursor/Windsurf:
- Use Claude for coding;
- Use GPT o1/o3-mini-high to debug complex errors.
- Use Gemini Flash 2.0 to scan the complete code base and update the documentation.
Use a Starter Template
- For example, this blog uses a starter template for the Fresh framework.