Prompting Tips

Here are some prompting tips that can help you get the best results in Zapi

1. Be Specific and Precise

eg. build a waitlist that only accepts the following: email, name and company.

2. Tell it what not to do

Sometimes the AI tries to add too much. You can prevent unnecessary additions by clearly stating what you don’t want. eg. all the container widths in the main page should have the same width. Do not make changes to other pages.

This is especially important if you prefer to build things iteratively in small steps. eg. build a comments feature but I want to see the UI first, do not build any backend functionality.

3. Let it be creative

If you’re unsure about exactly what you need, ask Zapi to suggest creative solutions. You might get some pleasantly surprising results.

4. Upload images into chat to provide references

Upload images directly into the chat to help Zapi understand your vision more accurately. For example:

• Refer to the image. Follow and apply the color schemes for the site.
• There is a spacing issue. Refer to this image for more details. Please fix the issue by making the columns more evenly spaced out.
• Refer to this image and build out the component shown in the image.

5. Technical prompts work well

Under the hood, Zapi uses the Astro framework and Tailwind 3.4. For specific technical tasks—like adding analytics—you can include technical instructions or code snippets. For example, you could copy instructions directly from guides like Posthog’s Astro integration documentation.