Skip to content

Commit 82ccbec

Browse files
Update prompting/prompt-engineering-guide.mdx
Co-Authored-By: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com>
1 parent 2cabe0f commit 82ccbec

1 file changed

Lines changed: 29 additions & 34 deletions

File tree

prompting/prompt-engineering-guide.mdx

Lines changed: 29 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -11,52 +11,47 @@ Different AI models are good at different things. The key is to be clear about w
1111

1212
---
1313

14-
## Technology stack specification for AI code generation
14+
## Tell the AI What Tools to Use
1515

16-
### Be explicit about technologies for better LLM results
16+
### Be Specific About Your Tools
1717

18-
AI models (LLMs) work best when you clearly specify your preferred technology stack for code generation. This ensures the AI-generated code uses the right frameworks, libraries, and architectural patterns from the start for optimal AI-powered development.
18+
The AI works better when you tell it exactly what tools and technologies you want to use. It's like telling a chef what ingredients to cook with.
1919

20-
**Clear stack specification for AI prompting:**
20+
**Good example:**
2121

2222
```
23-
Build a modern e-commerce dashboard using AI code generation with:
24-
- React with TypeScript for the frontend
25-
- Supabase for backend and database
26-
- Tailwind CSS for styling
27-
- React Query for data fetching
28-
- React Router for navigation
23+
Build an online store dashboard with:
24+
- React for the website
25+
- Supabase for saving data
26+
- Tailwind CSS to make it look nice
27+
- React Router to move between pages
2928
```
3029

31-
### Recommended Technology Combinations
30+
### Popular Tool Combinations
3231

33-
| Category | Primary Choice | Alternatives | Use Case |
34-
| ---------------------- | ------------------ | ------------------------------ | ---------------------------- |
35-
| **Frontend Framework** | React + TypeScript | Vue.js, Svelte, SolidJS | Interactive web applications |
36-
| **Styling** | Tailwind CSS | CSS Modules, Styled Components | Utility-first styling |
37-
| **Backend** | Supabase | Express.js, FastAPI | Full-stack applications |
38-
| **State Management** | Zustand | Redux, Jotai | Complex application state |
39-
| **Data Fetching** | TanStack Query | SWR, Apollo | Server state management |
32+
| What You're Building | Good Tools to Use | What It's For |
33+
| ---------------------- | ------------------ | ---------------------------- |
34+
| **Website** | React + TypeScript | Making interactive websites |
35+
| **Styling** | Tailwind CSS | Making things look pretty |
36+
| **Saving Data** | Supabase | Storing user information |
37+
| **Managing Data** | Zustand | Keeping track of app information |
4038

41-
### Framework-Specific Considerations
39+
### Tips for Different Frameworks
4240

43-
**React Applications:**
41+
**If you're using React:**
42+
- Say if you want modern or old-style components
43+
- Mention how you want to handle data
44+
- Tell it how pages should connect
4445

45-
- Specify component structure (functional vs class components)
46-
- Include state management preferences
47-
- Define routing approach (React Router, Next.js App Router)
46+
**If you're using Vue:**
47+
- Specify which Vue style you prefer
48+
- Mention any UI libraries you like
49+
- Say what build tool you're using
4850

49-
**Vue.js Applications:**
50-
51-
- Specify composition API vs options API
52-
- Include UI library preferences (Quasar, Vuetify)
53-
- Define build tool (Vite, Vue CLI)
54-
55-
**Backend Integration:**
56-
57-
- Specify API patterns (REST, GraphQL)
58-
- Include authentication requirements
59-
- Define data validation approach (Zod, Joi)
51+
**For the Backend:**
52+
- Say if you want REST or GraphQL APIs
53+
- Mention if you need user login
54+
- Tell it how to check if data is correct
6055

6156
## Advanced AI prompting techniques for code generation
6257

0 commit comments

Comments
 (0)