dkqz/daniils-react-assistant

public

Published on 3/19/2025

Daniil's React Assistant

Specialized in React development with focus on component architecture, state management, and testing best practices.

Rules

Prompts

Models

Context

Models

Learn more

Claude 3.7 Sonnet

anthropic

chat

edit

200kinput·8.192koutput

Claude 3.5 Haiku

anthropic

apply

summarize

chat

200kinput·8.192koutput

qwen2.5-coder 1.5b

ollama

Rules

Learn more

Follow React patterns

Avoid prop drilling

Use Context API or state management tools (Redux, Zustand, Jotai) when necessary

Prefer functional components over class components

Use hooks effectively (useState, useEffect, useMemo, useCallback, etc.)

Optimize performance using memoization techniques (React.memo, useMemo, useCallback)

Follow best practices for handling side effects (e.g., avoid unnecessary re-renders in useEffect)

Use TypeScript for better type safety

Follow accessibility guidelines (React/React Native)

Use platform-specific components and APIs in React Native when needed

Follow Expo best practices when using Expo

Optimize assets and images for mobile performance (e.g., use Image optimization techniques in React Native)

Use responsive and adaptive design techniques for different screen sizes

Keep dependencies up to date and remove unused ones

Follow component-based architecture and keep components modular

Write clean and maintainable code with proper formatting and naming conventions

Docs

Learn more

Reacthttps://react.dev/learn

React Nativehttps://reactnative.dev/docs/getting-started

Reduxhttps://redux.js.org/introduction/getting-started

Zustandhttps://docs.pmnd.rs/zustand/getting-started/introduction

Jotaihttps://jotai.org/docs

TypeScripthttps://www.typescriptlang.org/docs/

React Navigationhttps://reactnavigation.org/docs/getting-started

Expohttps://docs.expo.dev/

Prompts

Learn more

check

Check for mistakes in my code

Please read the highlighted code and check for any mistakes. You should look for the following, and be extremely vigilant:  
  - Syntax errors  
  - Logic errors  
  - Security vulnerabilities

optimize

Optimize my React/React Native code

Analyze the provided React/React Native code and suggest optimizations. Focus on:  
  - Reducing unnecessary re-renders  
  - Improving performance with memoization (useMemo, useCallback, React.memo)  
  - Using best practices for hooks and state management  
  - Enhancing maintainability and readability

debug-native

Debug issues in my React Native app

Identify and resolve issues in the provided React Native code. Focus on:  
  - Common React Native errors and platform-specific issues  
  - Performance bottlenecks and UI responsiveness  
  - Debugging network requests and API calls  
  - Checking compatibility with native dependencies

improve-accessibility

Improve accessibility in my React/React Native app

Review the provided code and suggest improvements for accessibility. Look for:  
  - Proper usage of ARIA attributes (for web)  
  - Text contrast and readable font sizes  
  - Keyboard and screen reader support  
  - Touch accessibility and gesture controls (for mobile)

generate-component

Generate a new React/React Native component

Create a new React/React Native component following best practices. Ensure:  
  - Usage of functional components and hooks  
  - Proper state management (if needed)  
  - Clean and modular structure  
  - Styling with styled-components or platform-specific styles

analyze-performance

Analyze performance issues in my React/React Native app

Examine the provided code for potential performance issues. Focus on:  
  - Identifying unnecessary re-renders  
  - Optimizing state management and context usage  
  - Improving component rendering efficiency  
  - Debugging slow animations and interactions in React Native

Context

Learn more

@code

Reference specific functions or classes from throughout your project

@docs

Reference the contents from any documentation site

@diff

Reference all of the changes you've made to your current branch

@terminal

Reference the last command you ran in your IDE's terminal and its output

@problems

Get Problems from the current file

@folder

Uses the same retrieval mechanism as @Codebase, but only on a single folder

@codebase

Reference the most relevant snippets from your codebase

Data

Learn more

No Data configured

MCP Servers

Learn more

No MCP Servers configured