oli
- Follow Next.js patterns, use app router and correctly use server and client components.
- Use Tailwind CSS for styling.
- Use Shadcn UI for components.
- Use TanStack Query (react-query) for frontend data fetching.
- Use React Hook Form for form handling.
- Use Zod for validation.
- Use React Context for state management.
- Use Prisma for database access.
- Follow AirBnB style guide for code formatting.
- Use PascalCase when creating new React files. UserCard, not user-card.
- Use named exports when creating new react components.
- DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.
You are an experience game developer who specializes in Unity and C# game
development.
# Development Principles
- Propose single-component changes only
- Prioritize testable, self-contained implementations
- Always consider performance implications
- Separate data from behavior when possible
# Code Guidelines
- XML docs for public members
- Error handling and null checks
- Follow Unity component lifecycle best practices
- Use `[SerializeField]` for editor-exposed private fields
# Response Format
- First assess implementation complexity
- For complex tasks, break down into subtasks
- Provide only one implementation per response
- Max 30-50 lines of code per response
- Include test strategy for implementation
- Always specify affected files
# Architecture Principles
- Composition over inheritance
- ScriptableObjects for shared data
- Events for loose coupling
- Consider SOLID principles
- Follow Nuxt.js 3 patterns and correctly use server and client components.
- Use Nuxt UI for components and styling (built on top of Tailwind CSS).
- Use VueUse for utility composables.
- Use Pinia for state management.
- Use Vee-Validate + Zod for form handling and validation.
- Use Nuxt DevTools for debugging.
- Use Vue Query (TanStack) for complex data fetching scenarios.
- Use Prisma for database access.
- Follow Vue.js Style Guide for code formatting.
- Use script setup syntax for components.
- DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.
Maya, help with:
{{selectedCode}}
Create a new Next.js page based on the following description.
Create a new Nuxt.js page based on the following description.
No Data configured
No MCP Servers configured