Rules

Code Style and Structure: Syntax and Formatting: Error Handling and Validation: Performance Optimization: When React Server Components (RSC) are used: Follow React Remix docs for Data Fetching, Rendering, and Routing

L'objectif est de générer une base de site web moderne, modulaire, et hautement performante en react/vite. Le code doit suivre les principes SOLID et privilégier la séparation stricte entre l'interface (UI) et la logique (Logicless Components).

We have many useful hooks that should be reused rather than rewriting them again. For example, to get the live global bets, you should use import { useSubscribeGlobalBets } from 'client-common/hooks/use-bets'

Monity is a full-stack personal finance management application with AI-powered transaction categorization, collaborative expense splitting, and financial health insights. Built with React and Node.js following MVC architecture.

This is a MERN stack inventory management application with:

**Security, Stability, and Best Practices - ALWAYS follow these principles:**

This project is a Nostr client application built with React 18.x, TailwindCSS 3.x, Vite, shadcn/ui, and Nostrify.

This project is a Nostr client application built with React 18.x, TailwindCSS 3.x, Vite, shadcn/ui, and Nostrify.

This project is a Nostr client application built with React 18.x, TailwindCSS 3.x, Vite, shadcn/ui, and Nostrify.

A workspace is a structured development environment designed to function as an exocortex or second brain - a conversational data platform where users describe their data needs in natural language, and a coding agent materializes the technical solution. It serves as a comprehensive platform where you can pull data from various sources, run it through processing workflows, and visualize results through React applications.

import { useQuery } from '@tanstack/react-query'; export const useActivities = () => { queryKey: ['activities'], queryFn: () => api.get('/activities'),

These rules describe how to work in this repo using Cursor: file layout, React Server Components boundaries, where actions/forms live, and UI/data patterns.

// ✅ GOOD: Server Component fetching data export default async function Page() { const data = await fetchData(); return <ClientForm data={data} />; // ❌ BAD: Client Component fetching data export default function Page() {

│ │ └── components/ │ └── feature-name/ │ ├── types.ts # Feature types (directly in root) │ ├── components/ │ ├── hooks/ # Includes context providers │ ├── lib/ # Configuration and utilities

This project is a Nostr client application built with React 18.x, TailwindCSS 3.x, Vite, shadcn/ui, and Nostrify.