Changelog

Switch between different modes via the sidebar

Instead of using a dropdown, we moved the navigation to use a sidebar instead so that it’s easier to get an overview of all the different modes in Zapi.

Click on Agent AI Action Messages to see what’s going on

We made it more obvious that the Agent Action messages can be opened for viewing. Click on them to see what the AI Agent is doing behind the scenes.

New Feature: Specifications Mode

For each new project, a tailored specifications document is created to guide Zapi’s development of your project. Edit the document directly or prompt Zapi to broaden or narrow the scope as your requirements evolve.

When you’re ready to proceed, specify the area that you’d like Zapi to start with or let Zapi choose the implementation directly.

Demo: https://youtu.be/KTvBXUKYTlA

Other Improvements

• Improve code-diff application issues
• Fixed an issue where users in NYC would not be able to create a project
• Improved how development errors are handled
• Minor performance improvements to speed of generation per message

Manage secrets securely in Zapi

• Build integrations safely without exposing sensitive configurations to AI or in the codebase
• Use a separate set of secrets for preview vs live environments
• Just prompt Zapi on what integrations you will like to build. Zapi will provide a guide what’s needed to set the secrets.

Here’s an example of a two step prompt that integrates with OpenAI:

1. Build a form submission that submits a question to OpenAI
2. Help me integrate with OpenAI so that I get a response when a submission is sent

Watch a video demo of secrets management in action: https://youtu.be/07lXtcXqfzg

Other fixes and improvements

• Improved accuracy in how generated code is applied to the codebase
• Improved promopting accuracy for building content collections
• SEO optimization can be done with AI on a per page basis in the content view

Enhanced backend code generation reliability

Zapi can now reliably handle more complex business logic. Think time‑tracking systems, booking workflows, and similar use cases. For optimal results, split your requirements into focused prompts. For example, to build an AI‑app‑builder directory:

• Prompt 1: “Create a page listing AI app builders.”
• Prompt 2: “Add functionality to submit new app builders. Include fields: Product Name, Description, Image, Product Link.”
• Prompt 3: “Implement an upvote feature for each product.”

Other Fixes & Improvements

• Fixed login issues in Safari.
• Refined Select Tool usability.
• Added clearer feedback when navigating between pages in preview mode.
• Resolved performance bottlenecks that caused lag when typing in the chat box.

We’ve introduced a Markdown Editor to make it easier to manage content for your sites on Zapi. To edit content, go to Content View > Select a collection > Select a content.

Watch a demo of the feature here: https://youtu.be/YNx84DpgzKI

We’ve unlocked two major upgrades in Zapi:

• Upgraded from Claude Sonnet 3.5 to 3.7 for higher quality coding and output
• (Beta) Backend and database capabilities You can now build custom backend capabilities such as waitlists and form submissions in Zapi. Submissions can be viewed in the Database View. To have the AI build backend capabilities, prompt the AI on what you need in a specific manner: eg. build a waitlist form that collects the following details: email, name, company name, use case for the product

Here’s a video to see it in action: https://www.youtube.com/watch?v=WAUYT669LHk

AI is great when generating a large set of UI and content but when it comes to editing content directly, it’s a poor experience. Hence, we rolled out an easy way for users to preview and edit the SEO on each page using the Content View.

• Generate SEO for your pages using AI and then edit them directly in the Content View mode.
• Use Content View to preview how your site and pages will look in the search engine as well as in LinkedIn, X/Twitter and Discord

Here’s a quick demo: https://youtu.be/cqxj6g4U_QE

• We revamped the Select Tool to improve the experience and stability.
• Access the Select Tool from the chat input by clicking on the “Select Pointer”. Highlight and click on an element in the Preview to indicate which element you’d like AI to interact with.

Here’s a short demo to see how it can be used: https://youtu.be/IyJ3LW3CNiU

• Changes made via the AI are now instantly updated in the site preview
• No more waiting to get feedback on the site preview
• See your feedback faster in real-time as you build your site

Here’s a short demo of this in action when we use Instant Preview with Version History: https://youtu.be/VNJyBGct0ss