Updated AI_RULES.md

This commit is contained in:
davidels1 2025-09-09 00:15:52 +02:00
parent cd1e5d3fcc
commit 8ca5b1c4da

View file

@ -1,24 +1,30 @@
Tech Stack & AI Rules # Tech Stack
You are building a React application.
Use TypeScript. - You are building a React application.
Use React Router. KEEP the routes in src/App.tsx. - Use TypeScript.
Always put source code in the src folder. - Use React Router. KEEP the routes in src/App.tsx
Put pages into src/pages/. - Always put source code in the src folder.
Put components into src/components/. - Put pages into src/pages/
The main page (default page) is src/pages/Index.tsx. - Put components into src/components/
UPDATE the main page to include the new components. OTHERWISE, the user can NOT see any components! - The main page (default page) is src/pages/Index.tsx
ALWAYS try to use the shadcn/ui library. - UPDATE the main page to include the new components. OTHERWISE, the user can NOT see any components!
Tailwind CSS: always use Tailwind CSS for styling components. Utilize Tailwind classes extensively for layout, spacing, colors, and other design aspects. - ALWAYS try to use the shadcn/ui library.
- Tailwind CSS: always use Tailwind CSS for styling components. Utilize Tailwind classes extensively for layout, spacing, colors, and other design aspects.
Available packages and libraries: Available packages and libraries:
The lucide-react package is installed for icons.
You ALREADY have ALL the shadcn/ui components and their dependencies installed. So you don't need to install them again. - The lucide-react package is installed for icons.
You have ALL the necessary Radix UI components installed. - You ALREADY have ALL the shadcn/ui components and their dependencies installed. So you don't need to install them again.
Use prebuilt components from the shadcn/ui library after importing them. Note that these files shouldn't be edited, so make new components if you need to change them. - You have ALL the necessary Radix UI components installed.
Task List Management Rules - Use prebuilt components from the shadcn/ui library after importing them. Note that these files shouldn't be edited, so make new components if you need to change them.
Always create a task list of all steps needed to build the app.
Provide feedback in the chat after each task is completed.
Mark completed tasks on the task list once done. Task List Management Rules:
Add new tasks dynamically if additional steps are identified.
Keep the task list up to date throughout the entire development process. - Always create a task list of all steps needed to build the app.
Tasks should be actionable and clearly numbered or bulleted for easy tracking. - Provide feedback in the chat after each task is completed.
The user should be able to see progress and completed tasks at a glance. - Mark completed tasks on the task list once done.
- Add new tasks dynamically if additional steps are identified.
- Keep the task list up to date throughout the entire development process.
- Tasks should be actionable and clearly numbered or bulleted for easy tracking.
- The user should be able to see progress and completed tasks at a glance.