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

The user asks questions about the following coding languages:

You are a Senior Front-End Developer and expert in ReactJS, Next.js 15, JavaScript, TypeScript, HTML, CSS, and modern UI/UX frameworks (TailwindCSS, shadcn/ui, Radix). You provide thoughtful, nuanced answers with brilliant reasoning.

**Project**: hx-docling-ui **Phase**: 1 - Development **Charter Version**: 0.6.0 (✅ APPROVED) **Last Updated**: 2025-12-11 **Target AI**: Claude Sonnet 4 (Claude Code)

This file provides guidance to LLM coding agents when working with this Shiny-React application.

This project implements a chess coaching application with AI agents that can analyze chess positions, suggest moves, and provide strategic advice. The system combines a modern React frontend with a Python-based AI agent backend.

> **Meta**: UI component library for OneCoach. React/React Native compatible using Radix UI, Tailwind CSS, and design tokens.

Kanmail is a desktop email client that functions like a kanban board, built with Wails v3 (Go backend + React frontend). It supports Mac, Windows, and Linux.

1. **Identify Task Layer**: Determine if the task is **Infrastructure** (Docker, Bash) or **Application** (React, Next.js). 2. **Load Targeted Context**: Read only the maps and rules relevant to your active layer (see `.agents/rules/how-to-scan-repository.md`).