Prompting Guides

ezsite is a powerful platform for building web apps, forms, and games through prompting. To maximize its potential, it's crucial to craft effective prompts. Our guides help users frame their queries optimally, whether they're tackling complex problems, automating tasks, or generating creative ideas. By mastering prompting techniques, you can fully leverage ezsite's capabilities, streamlining workflows and boosting efficiency. These guides cater to both beginners and advanced users, making it easier to harness AI's power for various applications.

General Prompt

Focus exclusively on resolving the specific problem to prevent unintended side effects that could disrupt existing functionalities.

Please focus solely on resolving the current issue and refrain from making any additional changes.

Aim to make minimal code modifications to confirm and fix the problem, avoiding major overhauls.

Apply the smallest adjustment or simplest solution necessary to resolve the issue.

If the current solution doesn’t meet your needs, discard it and prompt the AI to explore an alternative approach.

Consider alternative approaches, such as...

Encourage the AI to thoroughly analyze the problem before suggesting solutions. This minimizes the chance of overlooking critical details and ensures a more accurate and relevant response.

Read carefully and inspect the issue.

After applying multiple fixes, clean up the code to eliminate redundancy and clarify any logical inconsistencies.

Please help organize the current code logic for me.

Require the AI to provide clear explanations for each step and its underlying logic. This will promote better comprehension and facilitate self-discovery of the issue.

Provide detailed explanations.

Request the AI to enhance error logging to facilitate more precise pinpointing of the source and cause of errors.

Add detailed logs to facilitate error tracking.

Eliminating redundant modifications simplifies the code structure, facilitating future iterations and lowering the risk of introducing errors.

Simplify code logic by removing redundant parts.

Enhance code readability and scalability to improve communication efficiency between humans and AI.

Enhance code structure to promote better clarity and modularity

For larger projects, periodically organizing the project structure is recommended. This proactive approach can help prevent many unexpected issues.

As some files are becoming quite large, please break down those exceeding two hundred lines into smaller modules.

Forms and Database

Clearly define the data fields you wish to collect, and the AI will automatically enforce the appropriate data types (e.g., ensuring email inputs adhere to email formats). Furthermore, it will create corresponding fields in the project’s database based on the form's structure.

I require a return form featuring input fields for the customer's name, their email address, and a field to specify the product they are returning.

Ask the AI to transform input fields into specific formats, including but not limited to Text Input Fields, Radio Buttons, Checkboxes, Toggle Switches, and Date Pickers.

Set 'Purchased Product' as a dropdown list with the options: Notebooks, Pens, and Accessories.

To integrate your project with ezsite database, instruct the AI to save data using the ezsite database. For instance, if you're developing a chat application without an existing database, try "Save the chat conversation using ezsite database." The AI will automatically determine the appropriate data structure and use the ezsite database API to save and retrieve data.

Save .. data using ezsite database

Design

Emphasizing clarity and adaptability, the design aims for polished, practical outcomes that distinguish themselves from the generic.

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

To apply a preset theme selected from the input box, provide the AI with a command to apply it, along with any desired adjustments.

Apply the theme selected and make the theme color purple.

Upload and appropriately name images and icons in the assets folder. Then, specify the desired position for each image so the AI can place them correctly.

Use 'brand-icon' from Project Assets as logo.

Responsive design means ensuring the design adapts dynamically to various screen sizes and resolutions.

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

Replicate a design by using an image prompt. Simply paste the image into the input box and send it along with your replication request.

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