Post

How to get URL link on X (Twitter) App

On the Twitter thread, click on or icon on the bottom
Click again on or Share Via icon
Click on Copy Link to Tweet
Paste it above and click "Unroll Thread"!
More info at Twitter Help

Cj Z 🎯

@cj_zZZz

Feb 20 • 9 tweets • 4 min read • Read on X

Scrolly

Cursor/Windsurf cheat code.

{Provide detailed context about your coding project}

It will minimize 85% of AI hallucinations and errors.

Here's how you can do it using ChatGPT:

1. Project Requirements Document.

Ask AI to write a PRD (for AI coding model) about your project.

It should include these sections.
- App overview
- User flow
- Tech stack & APIs
- Core features
- In-scope and out-of-scope

To make it air tight add these too:
- Non-functional requirements
- Constraints & assumptions
- Known issues & potential pitfalls

This doc will provide high level overview to Cursor/Windsurf

2. App Flow Document

This document will provide a detailed user journey from landing page to all the pages of the app.

This doc creates a map for AI coding model.

Tips:
- Don't use bullet points in this doc
- Don't miss any page
- Use simple language

3. Tech Stack Document

This is the technical doc of your coding project. It will provide details about what packages and dependencies to install.

You can also add API documentation to this page (with links) and Cursor/Windsurf will search the web.

4. Frontend Guidelines Document

This doc should provide in depth details about the UI, styling, design principles of the app

To make it more detailed you should also add:
- colour palettes
- fonts
- icons

This document will make sure the style is consistent throughout the app

5. Backend Structure

Most AI devs use Supabase for the Backend for a reason. Because AI can write SQL queries, for your database tables in Supabase.

All you need to do is copy and paste the queries and policies to SQL editor in Supabase.

This doc will make sure that database, authentication and storage structure is built properly.

These are the 5 core documents that are MUST for your coding projects.

You should also create:
- cursorrules/windsurfrules file
- implementation plan file

Implementation plan should list all (50+) steps to code this app.

This one document is a game changer.

The quality of docs generated by ChatGPT is not so good.

I've built 35+ projects with AI code and to fix the project documentation problem I built @CodeGuidedev

I use a mix of AI models:
o3-mini
GPT4o
Sonnet 3.5

You can follow simple 5 steps and download all docs in best structure.

Build web apps, mobile apps, extensions, landing pages or even plugins.

Join here - Home of 2489 AI Coders

40% discount on Yearly Membership - Only $199 right now.

Create project docs
Use Starter Kits
Use templates
Community
Discounts
AI Agent
and more features and partnerships are coming...codeguide.dev

• • •

Missing some Tweet in this thread? You can try to force a refresh

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @cj_zZZz

Cj Z 🎯

@cj_zZZz

Feb 19

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.

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 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

Read 14 tweets

Cj Z 🎯

@cj_zZZz

Feb 10

Cursor is the Best AI coding IDE.

Let's build an AI app that can clone tweet style and mimic future tweets: 🧵

1. Clone CodeGuide Starter Kit (Open Source or PRO)

- go to Github page of @CodeGuidedev Starter Kits
- click on 'use this template'
- then create new repository
- now name your new repo
- make it private
- then "create Repository"
- Click on "code"
- copy the link

2. Bring your repo to @cursor_ai

- open cursor
- click on "clone repo"
- Paste the link you copied from CodeGuide Starter kit
- select the "destination folder" on computer
- and Click "open"

Now your Starter Kit is cloned with pre-installed packages.

Read 9 tweets

Cj Z 🎯

@cj_zZZz

Feb 9

If you use @boltdotnew let me save you alot of tokens.

Here's how:

Step 1: Install CodeGuide NextJS Starter Kit with pre-installed packages

- NextJS 14 (ideal for AI tools)
- Typescript
- TailwindCSS
- Shadcn UI
- Supabase
- ClerkDev

Step 2: Attach your project documentation

For Bolt we need 2 documents:
1. project requirements doc. (PRD)
2. app flow doc.

- Go to @CodeGuidedev Dashboard
- Go to New Project
- Complete 5 steps
- Click "Download all"
- Unzip docs on computer
- Upload PRD + app flow doc

Step 3: Enhance your UI with 21st. dev

Here're the steps:
- go to 21st .dev
- find the component you like
- select the tool from dropdown
- copy the prompt
- paste it in bolt and run

This will instantly refine the UI. Do that for as many components as you like.

Read 5 tweets

Cj Z 🎯

@cj_zZZz

Feb 5

Windsurf might take over Cursor AI in few months.

Designed to be simple and intuitive—ideal for beginners.

I'd rate Windsurf 7.5/10 and Cursor 8/10, so margins are very bleak.

But it is getting better with each new update.

Here's how you can use Windsurf to build your first SaaS:

1. You need to Generate PCD {Project Coding Docs}

This step is vital, you need to provide deep context about your project.

What is your app about?
Tech stack?
App flow?
Backend?
APIs used?
etc

If you don't build a context boundary around AI models, it messes up your codebase

How to generate Project Coding Docs?

I've created @CodeGuidedev to automate the entire process.

In 5 steps, you get detailed PCDs which works with all AI coding tools.

Plus, I'm using the latest 03-mini- high model to generate these docs for you.

Read 14 tweets

Cj Z 🎯

@cj_zZZz

Feb 4

I've coded 33 projects in last 5 moths.

without writing a single line of code.

I am about to share my AI coding workflow with you for FREE: 🧵

(Bookmark this for future use)

1st thing: Understand what is AI coding.

2024 has blessed us with powerful AI coding model like Claude Sonnet 3.5.

This model enabled anyone with computer skills to code software without writing a single line of code.

Then we saw amazing AI coding tools like:
- Windsurf
- Lovable
- Cursor
- Replit
- Bolt
- v0
etc

All these AI coding tools used AI coding model Claude Sonnet 3.5.

1. You need to use the {AI coding tool}

Read 9 tweets

Cj Z 🎯

@cj_zZZz

Feb 2

Introducing @CodeGuidedev NextJS Starter Kits

The First Ever Starter Kit built for AI Coding Models.
- o3-mini
- Claude Sonnet 3.5
- GPT4o

Today we're launching 2 Starter Kits:
1. CodeGuide Starter Kit Lite (Open-Source)
2. CodeGuide Starter Kit Pro (Commercial Licence)

Read: 👇

Goal:

To design a Boilerplate for AI Coding Models to work effectively with less Errors and Hallucinations.

We chose NextJS as its the most reliable full-stack framework with all coding models. Also it is fast and scalable.

Build websites to Complex Web apps with NextJS.

1. CodeGuide Starter Kit Pro

This is built for CodeGuide Members.

We pre-installed:
✅NextJS 14 (this works best with AI models)
✅Typescript
✅TailwindCSS
✅Supabase (for database and storage)
✅ShadcnUI
✅Lucide icons
✅Cleck Dev (for authentication)
✅Stripe
✅OpenAI SDK
✅Vercel AI SDK
✅Claude SDK
and much more coming soon.

Go to CodeGuide Dashboard → Starter Kits → Claim Starter kit → Paste your Github username → Press "use Template" → Name your repo.

Done. (watch demo below)

Now you can use it will any AI coding tool.

We'll be updating it regularly and adding more packages.