Attachments and context

Anything you attach becomes a chip in the chat box, sitting at the exact point in the sentence where you put it. Modulify resolves each chip back to the thing it stands for, so you can write "match [Image #1]" instead of describing a screenshot in words.

Attach a file

There are four ways in, and they all end up the same place.

• Click + at the bottom left of the chat box, then Attach file, and pick from your computer.
• Drag files onto the chat box. It turns blue and reads Drop files here.
• Copy an image or file and paste it. Pasting works anywhere in the editor, not only with the chat box focused.
• Click + then Take a screenshot, and choose a screen, window or tab. Your browser shows its own picker. This entry only appears if your browser supports screen capture.

Each file uploads in the background. Its chip shows a small spinner while that happens, and the send button stays disabled until every upload finishes.

If an upload fails, the file is removed from your message and you get Upload failed naming the file. Nothing is sent half-attached.

What is accepted

Almost anything. Images, PDFs, text, Markdown, JSON, spreadsheets and source files all work.

Executables are refused outright: exe, bat, cmd, com, msi, dll, scr, app, apk, jar, dmg, iso, vbs and ps1. Blocked files raise File blocked with a count.

The limits are 100MB per file and 30 attachments on one message. Files past the cap are skipped with Too many attachments telling you how many were dropped.

Work with the chips

A chip is inserted wherever your text cursor is, so you can drop one mid sentence and keep typing around it. Images get a thumbnail on the chip, other files get an icon for their type.

• Click a chip to open the file in a preview, or, for a project file, in the File Explorer.
• Hover it to see the full name. A project file shows its whole path, which is what tells two files named page.tsx apart.
• Drag it to move it to a different point in your sentence.
• Click the x to remove it.
• Backspace with the cursor just after a chip removes the whole chip in one press, and Delete does the same from just in front of it.
• Select across a chip and delete it, or type over it, and it goes with the rest of the selection.

Removing a chip removes its uploaded file too, whichever way you do it, so a file you deleted is never left waiting behind the # picker. Pasting a prompt into the box from somewhere else in the editor, such as a suggestion or an Ask AI button, replaces the wording without touching your files.

Chips are numbered per type, so a second image becomes [Image #2]. The numbering is what Modulify reads, which is why moving a chip changes meaning and deleting one is clean.

Undo and redo work on the whole composer, chips included, with the usual keyboard shortcuts.

Place a chip without leaving the keyboard

Type @ and a file picker opens listing the project's files, filtered as you keep typing. Choose one and it lands as a [File #1] chip pointing at that file, which drags, opens and deletes like any other chip. Clicking it opens the file in the File Explorer. A file already placed in the message is greyed out in the picker. The same picker is on the + menu as Pick a file, and the File Explorer has a Reference button that places the open file without opening a picker at all.

Type # and you get your already attached files instead, so you can place an attachment a second time or place one you attached earlier in the message. The + menu calls this Pick an attachment.

Pick an attachment is greyed out when there is nothing to place. The tooltip says which case you are in: You have no attachments yet. Attach a file to reference it here. or Every attachment is already placed in your message.

Attach part of the page

The preview has its own way in. Turn on the select tool in the floating toolbar at the bottom of the preview, click an element, and a chip named after what you clicked appears in the chat box: Heading, Text, Link, Button, Image and so on.

Element chips carry the page, the position of the element and a snippet of its HTML taken at the moment you clicked, cut off at 200 characters. If AI rewrites that section and the element is gone, the chip drops out on its own. Hovering a chip highlights and scrolls to the matching element in the preview, and its tooltip names the page the element sits on and quotes the text it holds.

Select an element covers the tool in full.

Attach an error or a log

Errors and console output can be attached too, and they appear as a labelled chip above the text box rather than inline.

• Log for a line you sent over from the console.
• Build Error for a failed build.
• Runtime Error for something that broke on the page, showing the page path underneath.

Each has an x to clear it, and pressing backspace in an empty chat box clears the last one you attached. These are the fastest way to report a problem, because the exact text goes across instead of your paraphrase of it.

Send it

Press Enter to send, Shift and Enter for a new line. On a phone Enter inserts a new line and you use the send button.

A message with attachments and no text is valid. So is a message with only selected elements, or only an error chip.

What Modulify does with them

Attachments arrive as links. Images are downloaded and actually looked at, not guessed from the filename.

A project file chip is a pointer, not a copy. Modulify receives the path and reads the file itself, so the chip stays correct even if the file changes between placing it and sending.

A screenshot you paste into chat is treated as reference material, showing what you see or what you want. It is not saved into your site. Files that should become part of the site, like your logo or your product photos, are downloaded into the project when you say that is what you want.

Sent messages keep their attachments. Open the three dots menu under any message with files and choose Download assets to get them back, or Reattach to input on one of your own messages to pull its text and attachments back into the chat box.

Next

• Images covers getting pictures into the site itself.
• Writing prompts covers phrasing the request around a chip.
• Select an element covers the preview picker.
• Import from GitHub covers bringing a repository in as reference.