Improving Your Cursor Workflow
Original Tweet by CJ Zafir
CJ Zafir Verified account @cj_zZZz
I've built 19 projects with Cursor AI without line a single line of code myself. But, the Truth is Cursor is dumb you don't add detailed docs around your project. You need to build a strong
- Date: 12:08 AM · Nov 25, 2024
- Engagement: 83 replies, 424 reposts, 4,137 likes, 9,923 bookmarks, 566.6K views
The Thread
1. Brain Dump with Claude
You need to to share everything about your idea. The best way you open your mic and speak out everything about your project.
- What it is?
- Features?
- Layout?
- Inspirations? Anything that comes to your mind. Context is the Key for AI.
2. Claude or ChatGPT
Claude is great to turn your thoughts into structured output. You take this output to ChatGPT o1 model. Ask it to create:
- Project requirements Doc.
- Tech Stack and Packages Doc.
- Schema Design Doc.
- Detailed App Flow Doc.
3. Frontend Code Options
Once you got your Docs done. Its time for Frontend Code. You have 2 options:
- For High Quality UI: use v0
- For Standard UI: use Claude
If you pick v0, attach the created docs and ask it to start coding page by page. If you work with claude, ask it to start coding.
4. Code Assembly
Now have Docs done, frontend code done. Let's move to the code assembly part. Now you have 2 options:
- For fast project setup: use bolt .new
- For manual setup: use Cursor
With bolt you can install Nextjs + all dependencies in just 2 prompts.
5. File Structure
Ask Claude to create "File Structure". I am pasting the file structure that works the best with AI code. Copy this file and ask Claude to use this as a reference and create a file structure for your project.