Mockups

Use all your context (docs, sessions, code) to build your mockups with your coding agent.

Use your mockups and docs to build your code. No copy/paste needed.

Create a Mockup

Create the Mockup

• Select New -> New Mockup

• or type /mockup in the chat

Describe the Mockup you want created

• In the Agent chat, describe the mockup you want created

• Reference documents with the @ command

• Include images or screenshots into the agent chat

Edit the Mockup

Open the mockup in the mockup editor (by clicking on it)

Edit it in 3 ways

• Directly in the html

• By selecting a div and asking the AI to modify it

• By annotating the mockup by drawing on it and then asking AI to modify it

Insert a Mockup into a Markdown Document

Select / and then insert a mockup

Click on the mockup to edit it

Mockup File Type and Storage

Mockups are of file type .mockup.html

By default, they are stored in a Mockups Folder in Nimbalyst-Local, but you can change this.