David/JEISA-WEBAPP
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated AI_RULES.md

Browse source
This commit is contained in:
davidels1 2025-09-09 00:15:52 +02:00
parent cd1e5d3fcc
commit 8ca5b1c4da
1 changed files with 29 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
AI_RULES.md
View file

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