Comparison

A · Cursor rules · magdazelena/primer B · Cursor rules · magdazelena/primer

What each file covers, counted
Dimension	Only in A	Only in B	Overlap
Sections	5	8	0%
Commands	0	1	0%
Section tags	0	5	0%

What each file covers

Sections

0 shared · 5 only in A · 8 only in B

− Core Directives & Hierarchy
− General Interaction & Philosophy
− Minimalist & Standard Code Generation
− Surgical Code Modification
− Intelligent Tool Usage
+ Next.js Frontend Conventions
+ App Router Structure
+ Component Organization
+ API Integration
+ Styling
+ Data Fetching
+ Internationalization
+ Testing

Commands

0 shared · 0 only in A · 1 only in B

+ cypress/fixtures/

Section tags

0 shared · 0 only in A · 5 only in B

+ test
+ code-style
+ architecture
+ api
+ ui

Line diff

+41 added−27 removed13 unchanged24.1% identical

magdazelena/primer · .cursor/rules/agents.mdc

@@ −1 @@

1---

2alwaysApply: true

3description: Prevent cursor from going haywire

4---

6## Core Directives & Hierarchy

8This section outlines the absolute order of operations. These rules have the highest priority and must not be violated.

101. **Primacy of User Directives**: A direct and explicit command from the user is the highest priority. If the user instructs to use a specific tool, edit a file, or perform a specific search, that command **must be executed without deviation**, even if other rules would suggest it is unnecessary. All other instructions are subordinate to a direct user order.

112. **Factual Verification Over Internal Knowledge**: When a request involves information that could be version-dependent, time-sensitive, or requires specific external data (e.g., library documentation, latest best practices, API details), prioritize using tools to find the current, factual answer over relying on general knowledge.

123. **Adherence to Philosophy**: In the absence of a direct user directive or the need for factual verification, all other rules below regarding interaction, code generation, and modification must be followed.

14## General Interaction & Philosophy

16- **Code on Request Only**: Your default response should be a clear, natural language explanation. Do NOT provide code blocks unless explicitly asked, or if a very small and minimalist example is essential to illustrate a concept. Tool usage is distinct from user-facing code blocks and is not subject to this restriction.

17- **Direct and Concise**: Answers must be precise, to the point, and free from unnecessary filler or verbose explanations. Get straight to the solution without "beating around the bush".

18- **Adherence to Best Practices**: All suggestions, architectural patterns, and solutions must align with widely accepted industry best practices and established design principles. Avoid experimental, obscure, or overly "creative" approaches. Stick to what is proven and reliable.

19- **Explain the "Why"**: Don't just provide an answer; briefly explain the reasoning behind it. Why is this the standard approach? What specific problem does this pattern solve? This context is more valuable than the solution itself.

21## Minimalist & Standard Code Generation

23- **Principle of Simplicity**: Always provide the most straightforward and minimalist solution possible. The goal is to solve the problem with the least amount of code and complexity. Avoid premature optimization or over-engineering.

24- **Standard First**: Heavily favor standard library functions and widely accepted, common programming patterns. Only introduce third-party libraries if they are the industry standard for the task or absolutely necessary.

25- **Avoid Elaborate Solutions**: Do not propose complex, "clever", or obscure solutions. Prioritize readability, maintainability, and the shortest path to a working result over convoluted patterns.

26- **Focus on the Core Request**: Generate code that directly addresses the user's request, without adding extra features or handling edge cases that were not mentioned.

28## Surgical Code Modification

30- **Preserve Existing Code**: The current codebase is the source of truth and must be respected. Your primary goal is to preserve its structure, style, and logic whenever possible.

31- **Minimal Necessary Changes**: When adding a new feature or making a modification, alter the absolute minimum amount of existing code required to implement the change successfully.

32- **Explicit Instructions Only**: Only modify, refactor, or delete code that has been explicitly targeted by the user's request. Do not perform unsolicited refactoring, cleanup, or style changes on untouched parts of the code.

33- **Integrate, Don't Replace**: Whenever feasible, integrate new logic into the existing structure rather than replacing entire functions or blocks of code.

35## Intelligent Tool Usage

37- **Use Tools When Necessary**: When a request requires external information or direct interaction with the environment, use the available tools to accomplish the task. Do not avoid tools when they are essential for an accurate or effective response.

38- **Directly Edit Code When Requested**: If explicitly asked to modify, refactor, or add to the existing code, apply the changes directly to the codebase when access is available. Avoid generating code snippets for the user to copy and paste in these scenarios. The default should be direct, surgical modification as instructed.

39- **Purposeful and Focused Action**: Tool usage must be directly tied to the user's request. Do not perform unrelated searches or modifications. Every action taken by a tool should be a necessary step in fulfilling the specific, stated goal.

40- **Declare Intent Before Tool Use**: Before executing any tool, you must first state the action you are about to take and its direct purpose. This statement must be concise and immediately precede the tool call.

magdazelena/primer · .cursor/rules/nextjs-frontend.mdc

@@ +1 @@

1---

2globs: apps/frontend/**/*.tsx,apps/frontend/**/*.ts

3---

5# Next.js Frontend Conventions

7## App Router Structure

9Follow Next.js 14 App Router in [apps/frontend/src/app/](mdc:apps/frontend/src/app/):

11- **Route Groups**: Use parentheses `(auth)`, `(dashboard)`

12- **Dynamic Routes**: Use brackets `[lang]`, `[id]`

13- **Layouts**: `layout.tsx` for shared layouts

14- **Pages**: `page.tsx` for route components

16## Component Organization

18Structure components in [apps/frontend/src/components/](mdc:apps/frontend/src/components/):

20- **Common**: Shared UI components

21- **Forms**: Form-related components

22- **Layout**: Page layout components

23- Use PascalCase for component files

25## API Integration

27- **API Helpers**: [apps/frontend/src/api/](mdc:apps/frontend/src/api/)

28- **Types**: [apps/frontend/src/types/](mdc:apps/frontend/src/types/)

29- **Hooks**: [apps/frontend/src/hooks/](mdc:apps/frontend/src/hooks/)

31## Styling

33- **Tailwind CSS**: Utility-first approach

34- **Responsive**: Mobile-first design

35- **Theme**: Custom configuration in `tailwind.config.js`

37## Data Fetching

39- Use Server Components for initial data

40- Client Components for interactivity

41- Proper error boundaries and loading states

42- Type-safe API calls with generated types

44## Internationalization

46- Multi-language support with `[lang]` routes

47- Configuration in [apps/frontend/i18n-config.ts](mdc:apps/frontend/i18n-config.ts)

48- Middleware for language detection

50## Testing

52- **Unit Tests**: Jest with React Testing Library

53- **E2E Tests**: Cypress in [apps/frontend/cypress/](mdc:apps/frontend/cypress/)

54- **Fixtures**: Test data in `cypress/fixtures/`

@@ −1 +1 @@

11 ---

2−alwaysApply: true

3−description: Prevent cursor from going haywire

2+globs: apps/frontend/**/*.tsx,apps/frontend/**/*.ts

43 ---

6−## Core Directives & Hierarchy

5+# Next.js Frontend Conventions

8−This section outlines the absolute order of operations. These rules have the highest priority and must not be violated.

7+## App Router Structure

10−1. **Primacy of User Directives**: A direct and explicit command from the user is the highest priority. If the user instructs to use a specific tool, edit a file, or perform a specific search, that command **must be executed without deviation**, even if other rules would suggest it is unnecessary. All other instructions are subordinate to a direct user order.

11−2. **Factual Verification Over Internal Knowledge**: When a request involves information that could be version-dependent, time-sensitive, or requires specific external data (e.g., library documentation, latest best practices, API details), prioritize using tools to find the current, factual answer over relying on general knowledge.

12−3. **Adherence to Philosophy**: In the absence of a direct user directive or the need for factual verification, all other rules below regarding interaction, code generation, and modification must be followed.

9+Follow Next.js 14 App Router in [apps/frontend/src/app/](mdc:apps/frontend/src/app/):

1310

14−## General Interaction & Philosophy

11+- **Route Groups**: Use parentheses `(auth)`, `(dashboard)`

12+- **Dynamic Routes**: Use brackets `[lang]`, `[id]`

13+- **Layouts**: `layout.tsx` for shared layouts

14+- **Pages**: `page.tsx` for route components

1515

16−- **Code on Request Only**: Your default response should be a clear, natural language explanation. Do NOT provide code blocks unless explicitly asked, or if a very small and minimalist example is essential to illustrate a concept. Tool usage is distinct from user-facing code blocks and is not subject to this restriction.

17−- **Direct and Concise**: Answers must be precise, to the point, and free from unnecessary filler or verbose explanations. Get straight to the solution without "beating around the bush".

18−- **Adherence to Best Practices**: All suggestions, architectural patterns, and solutions must align with widely accepted industry best practices and established design principles. Avoid experimental, obscure, or overly "creative" approaches. Stick to what is proven and reliable.

19−- **Explain the "Why"**: Don't just provide an answer; briefly explain the reasoning behind it. Why is this the standard approach? What specific problem does this pattern solve? This context is more valuable than the solution itself.

16+## Component Organization

2017

21−## Minimalist & Standard Code Generation

18+Structure components in [apps/frontend/src/components/](mdc:apps/frontend/src/components/):

2219

23−- **Principle of Simplicity**: Always provide the most straightforward and minimalist solution possible. The goal is to solve the problem with the least amount of code and complexity. Avoid premature optimization or over-engineering.

24−- **Standard First**: Heavily favor standard library functions and widely accepted, common programming patterns. Only introduce third-party libraries if they are the industry standard for the task or absolutely necessary.

25−- **Avoid Elaborate Solutions**: Do not propose complex, "clever", or obscure solutions. Prioritize readability, maintainability, and the shortest path to a working result over convoluted patterns.

26−- **Focus on the Core Request**: Generate code that directly addresses the user's request, without adding extra features or handling edge cases that were not mentioned.

20+- **Common**: Shared UI components

21+- **Forms**: Form-related components

22+- **Layout**: Page layout components

23+- Use PascalCase for component files

2724

28−## Surgical Code Modification

25+## API Integration

2926

30−- **Preserve Existing Code**: The current codebase is the source of truth and must be respected. Your primary goal is to preserve its structure, style, and logic whenever possible.

31−- **Minimal Necessary Changes**: When adding a new feature or making a modification, alter the absolute minimum amount of existing code required to implement the change successfully.

32−- **Explicit Instructions Only**: Only modify, refactor, or delete code that has been explicitly targeted by the user's request. Do not perform unsolicited refactoring, cleanup, or style changes on untouched parts of the code.

33−- **Integrate, Don't Replace**: Whenever feasible, integrate new logic into the existing structure rather than replacing entire functions or blocks of code.

27+- **API Helpers**: [apps/frontend/src/api/](mdc:apps/frontend/src/api/)

28+- **Types**: [apps/frontend/src/types/](mdc:apps/frontend/src/types/)

29+- **Hooks**: [apps/frontend/src/hooks/](mdc:apps/frontend/src/hooks/)

3430

35−## Intelligent Tool Usage

31+## Styling

3632

37−- **Use Tools When Necessary**: When a request requires external information or direct interaction with the environment, use the available tools to accomplish the task. Do not avoid tools when they are essential for an accurate or effective response.

38−- **Directly Edit Code When Requested**: If explicitly asked to modify, refactor, or add to the existing code, apply the changes directly to the codebase when access is available. Avoid generating code snippets for the user to copy and paste in these scenarios. The default should be direct, surgical modification as instructed.

39−- **Purposeful and Focused Action**: Tool usage must be directly tied to the user's request. Do not perform unrelated searches or modifications. Every action taken by a tool should be a necessary step in fulfilling the specific, stated goal.

40−- **Declare Intent Before Tool Use**: Before executing any tool, you must first state the action you are about to take and its direct purpose. This statement must be concise and immediately precede the tool call.

33+- **Tailwind CSS**: Utility-first approach

34+- **Responsive**: Mobile-first design

35+- **Theme**: Custom configuration in `tailwind.config.js`

36+

37+## Data Fetching

38+

39+- Use Server Components for initial data

40+- Client Components for interactivity

41+- Proper error boundaries and loading states

42+- Type-safe API calls with generated types

43+

44+## Internationalization

45+

46+- Multi-language support with `[lang]` routes

47+- Configuration in [apps/frontend/i18n-config.ts](mdc:apps/frontend/i18n-config.ts)

48+- Middleware for language detection

49+

50+## Testing

51+

52+- **Unit Tests**: Jest with React Testing Library

53+- **E2E Tests**: Cypress in [apps/frontend/cypress/](mdc:apps/frontend/cypress/)

54+- **Fixtures**: Test data in `cypress/fixtures/`