Loading video...
Video Failed to Load
I built 36 projects in last 14 months, with AI code. Today, I'm sharing my Coding Docs with you. I use these 7-docs in Cursor/Windsurf to build a knowledge base for AI models. Bookmark this post so you can copy the templates. ↓ 1. Project Requirements Document (PRD)
2,054,469 views • 1 year ago •via X (Twitter)
11 Comments
These docs form a "knowledge base" for AI coding models so AI models car refer to them at any moment. This Technique minimizes AI assumptions and hallucinations by 85-90%. Here're other core docs that I attach: 2. App flow document This docs is works like Google map for AI.
3. Tech stack document This document lists all the technologies, dependencies, packages and APIs I use in the project. This provides the technical framework to AI coding models.
4. Frontend guidelines document To make sure AI generates consistent UI, this document is very important. It provides complete styling guidelines that AI can follow when designing UI screens.
5. Backend structure document This document is the backbone of your app. It provides details about your database tables, storage bucket and user authentication. I use Supabase for database and storage and Clerkdev for Authentication.
6. Cursor rules or Windsurfrules This doc provides rules and regulations that AI model needs to follow to code your app. If you want AI to write commit message for GitHub or update any doc after each successful feature implementation, you need to mention that in this doc.
7. Implementation plan This is the most important document of your knowledge base. Why? It provides complete 50-step plan to code the app end-to-end. If you let AI coding models to plan by themselves, they'll mess up your codebase in no time. Cursor Agent loves this doc.
8. Best Practices (optional) You can also attach a document to list all the best practices of the frameworks you use in your apps. This enhances the code layout and quality and minimizes the dumb errors for AI models.
The first 7-docs are your core docs. You can't skip any of those. These coding docs builds a context boundary around Cursor/Windsurf. I use @CodeGuidedev to generate all these docs in 10 minutes. Apart from coding docs CodeGuide now also genrates the flow chart of your app.
Now Imagine if your docs also include MCP details, so AI can go to Supabase and create all tables for you, then use stripe MCP to integrate payments. That's also coming to CodeGuide. TL;DR You need 7-docs to form a knowledge base: 1. PRD 2. App flow doc. 3. Tech stack doc. 4. Frontend guidelines 5. Backend structure 6. Cursor rules/Windsurf rules 7. Implementation plan
Everyone is getting ahead with AI. You should be too. Summarize documents, craft emails, and generate custom content instantly with this powerful tool. It's like having ChatGPT tailored for your job. Try it for free.
Insane numbers! How many out of 36 are having revenue/profitable?
![Is Windsurf better than Cursor? impossible to say, but... it does one thing better: soooo... I spent an hour testing windsurf... and this is what i created... and app called "boop-boop" lol... one thing windsurf does is it searches the internet. If you've been watching my videos you know that i go to perplexity all the time to get code examples and docs. but with windsurf you can just say, "search the replicate top image gen models and add them to the chat we just created" It will search the internet, find the right model then write the code. This is great for replicate and openrouter. You can have one api key in your .env file then just tell windsurf to search for docs for [insert ai model] and it will just add it to your app. Impressed tbh.](https://image.24vids.com/tw-1892586758518210820/ext_tw_video_thumb/1892464464403828736/pu/img/bnt2n15UQC936IEZ.jpg)
