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.