Prompting Guide

Use short prompting with crisp information on the task to be performed.

When creating prompts for AI, brevity is key. Use short, focused prompts that provide clear and concise information about the task you want the AI to perform.

This approach minimizes ambiguity, allowing the AI to better understand your requirements and deliver more accurate and relevant results.

By providing only the most essential details, you streamline the communication process, making it easier for the AI to execute tasks efficiently.

Use conditional rendering for tabs and data-based components to boost performance.

When building components that involve tabs or dynamically rendering content based on data, it's often more efficient to use conditional rendering rather than routing.

Conditional rendering allows you to load only the necessary content for the current view without triggering full page reloads or complex navigation logic.

This approach reduces overhead, speeds up performance, and improves the user experience by minimizing unnecessary rendering and loading times.

Use object mapping for rendering the same component multiple times.

When you need to render the same component multiple times with different data, using object mapping is an effective approach.

Object mapping allows you to loop through an array of data and generate multiple instances of a component, each with its own unique properties.

By leveraging object mapping, you create a more scalable and maintainable codebase, ensuring consistent rendering across your application.

Use technical keywords for clarity.

When using progressive prompting, incorporating technical keywords like 'render,' 'map,' 'align,' and 'justify' helps guide the AI more effectively.

These specific terms clarify the task and ensure the AI generates responses that are more accurate and relevant to your needs.

Avoid lengthy paragraphs.

Keep prompts concise by avoiding lengthy paragraphs. Short, focused queries help the AI better understand your request and deliver more accurate and relevant responses.

Specify missing parts in prompts.

If the output has missed something or replaced an existing piece of code, mention what is missing and add the same prompt that was used to create that missing snippet.

Highlight code sections for better results.

To improve the accuracy of code modifications, explicitly specify the section you wish to edit. This targeted approach ensures that changes are precise and relevant, leading to better results and more efficient adjustments.