Trickle is a powerful platform that build web apps, forms and games by prompting. To get the most out of it, crafting effective prompts is essential. These guides help users frame their queries for optimal outcomes, whether solving complex problems, automating tasks, or generating creative ideas. By mastering prompting techniques, you can unlock TrickleAI’s full potential, streamlining workflows and improving efficiency. Whether you’re a beginner or advanced user, these guides make it easier to harness AI’s power for a variety of applications.

​
General

Focus solely on resolving the specific problem to avoid unintended side effects that may disrupt existing functionalities.

Only fix the issue at hand, avoid making other changes.

Aim for minimal code modifications to confirm and fix the problem without major overhauls.

Use the smallest adjustment or simplest solution to resolve the issue.

If the current solution isn’t satisfactory, reject it and ask the AI to explore a different strategy.

Consider alternative approaches, such as…

Encourages the AI to analyze the problem thoroughly before proposing solutions. This reduces the likelihood of overlooking important details and ensures that the response is more accurate and relevant.

Read carefully and inspect the issue.

After multiple fixes, tidy up the code to reduce redundancy and clarify any logical inconsistencies.

Help organize the current code logic for me.

Require the AI to explain every step and logic clearly, enabling better understanding and self-discovery of the issue.

Provide detailed explanations.

Request the AI to enhance error logging to help pinpoint the source and cause of errors more precisely.

Add detailed logs to facilitate error tracking.

Eliminating redundant modifications helps simplify code structure, making future iterations easier and reducing the risk of errors.

Simplify code logic by removing redundant parts.

Improve code readability and scalability while enhancing communication efficiency between humans and AI.

Optimize code structure for better clarity and modularity.

When your project is relatively large, use this method first and periodically organize the project structure, which can help you avoid many strange problems in advance.

Please split the code into smaller modules for those files with more than two hundred lines, as these files are growing large.

​
Forms and Database

Clearly specify the data fields you want to collect, and the AI will automatically enforce the appropriate data types (e.g., email inputs will only accept email formats). It will also create the corresponding fields in the project’s database based on the form.

I need to create a return form with three input fields: name, email, and the purchased product.

Ask the AI to transform input fields into specific formats, such as Text Input Fields, Radio Buttons, Checkboxes, Toggle Switches, Date Pickers, and more.

Set ‘Purchased Product’ as a dropdown list with the options: Books, Stationery, and Accessories.

Ask the AI to save data using trickle database whenever you want to integrate your project with Trickle database. For example, if you are building chat-like app and not yet integrate with any other database, you can try this “Save the chat conversation using trickle database”. Our AI will automatically determine the data struct to save according to your app and using Trickle database api to save/fetch data in your app.

Save ... data using trickle database

​
Design

Emphasizes both clarity and adaptability in design, ensuring outcomes are polished, practical, and stand out from the generic.

Make all designs visually stunning, unique, and production-ready, avoiding generic styles.

When you select a preset theme in the input box, you need to provide a command for the AI to apply it, along with any adjustments you want to make.

Apply the theme selected and make the theme color blue.

Upload images and icons to the assets folder and name them appropriately. Specify where the AI should place each image in the designated positions.

Use ‘brand-icon’ from Assets as logo.

Ensure the design adjusts dynamically to different screen sizes or resolutions, which is the essence of responsive design.

Make the title left-aligned on mobile breakpoints, but center-aligned on desktop breakpoints.

Use an image prompt and ask the AI to replicate the design you provided. To do this, paste the image into the input box and send it along with the prompt above.

Create a landing page in the same style as the screenshot I provided.

​

FAQSupabase Integration