From 8ca5b1c4da753d9236f88bd58dd593b02ba71384 Mon Sep 17 00:00:00 2001
From: davidels1 <87242587+davidels1@users.noreply.github.com>
Date: Tue, 9 Sep 2025 00:15:52 +0200
Subject: [PATCH] Updated AI_RULES.md

---
 AI_RULES.md | 52 +++++++++++++++++++++++++++++-----------------------
 1 file changed, 29 insertions(+), 23 deletions(-)

diff --git a/AI_RULES.md b/AI_RULES.md
index 7567a19..abc9484 100644
--- a/AI_RULES.md
+++ b/AI_RULES.md
@@ -1,24 +1,30 @@
-Tech Stack & AI Rules
-You are building a React application.
-Use TypeScript.
-Use React Router. KEEP the routes in src/App.tsx.
-Always put source code in the src folder.
-Put pages into src/pages/.
-Put components into src/components/.
-The main page (default page) is src/pages/Index.tsx.
-UPDATE the main page to include the new components. OTHERWISE, the user can NOT see any components!
-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.
+# Tech Stack
+
+- You are building a React application.
+- Use TypeScript.
+- Use React Router. KEEP the routes in src/App.tsx
+- Always put source code in the src folder.
+- Put pages into src/pages/
+- Put components into src/components/
+- The main page (default page) is src/pages/Index.tsx
+- UPDATE the main page to include the new components. OTHERWISE, the user can NOT see any components!
+- 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:
-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.
-You have ALL the necessary Radix UI components installed.
-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.
-Task List Management Rules
-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.
-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.
\ No newline at end of file
+
+- 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.
+- You have ALL the necessary Radix UI components installed.
+- 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.
+
+
+Task List Management Rules:
+
+- 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.
+- 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.
\ No newline at end of file