Context Block

Provide background information and situational awareness

Preview

📄

Context

Core

The user is working on a React TypeScript project with Next.js 14, using Tailwind CSS for styling and Prisma for database operations. They have experience with modern web development but are new to server components and the app router.

Usage

When to use Context blocks

Provide background information about the user's situation
Describe the current state of a project or system
Share relevant constraints or limitations
Set the scene for more targeted assistance
Include information about the user's skill level or experience

Best practices

Include relevant technical stack and versions
Mention the user's experience level
Provide context about existing code or systems
Include relevant business or project constraints
Keep context focused and relevant to the task

Examples

Development Context

The user is building a SaaS application using Next.js 14 with TypeScript, Prisma ORM with PostgreSQL, and NextAuth.js for authentication. The app already has user registration and basic CRUD operations implemented. They're working in a team of 3 developers using GitHub for version control and Vercel for deployment.

Business Context

Working for a fintech startup with 50,000+ active users. The application processes financial transactions and must comply with PCI DSS standards. Response times must be under 200ms, and the system needs to handle 1000+ concurrent users. Budget is limited and the team prefers open-source solutions.

User Experience Context

The user has 2 years of experience with React but is new to TypeScript. They're comfortable with JavaScript ES6+ features and have used CSS frameworks before, but this is their first time with Tailwind CSS. They prefer detailed explanations with code examples and learn best through practical implementation.