Popmelt

A design collab harness for humans and AI.Multi-thread chat bound to a living memory of your aesthetic imprint .

Works best withCodexClaude CodeandNext.js

Ask your AI to add it to your project:

9,653 installs(+272 today)

People are asking...

Popmelt is a design collaboration layer that lives inside your local app projects. When your project is running locally, Popmelt appears as a toolbar in the browser.

Point to the part of the UI you want to change, describe what you have in mind, and work through it with or in a thread right on the page. You can stack as many threads as you want, so different ideas can move forward without losing their context.

As you collaborate, Popmelt builds an Imprint: a living memory of your intent, preferences, and design decisions that helps future threads start smarter and compound over time.

You need a local React project and either the CLI orCLI installed, available in your terminal, and signed in. Popmelt connects to your AI through its command-line tool. The desktop app alone does not install or replace the CLI.

Yes. Open your local app in the built-in browser in Codex or Claude Code and use Popmelt there just as you would in any other browser. The in-app browser gives you the Popmelt UI, while the corresponding CLI still runs your threads and must be installed and signed in.

Give the prompt below to your coding agent from inside your project. It can add Popmelt and handle the project-specific setup for you. Restart your development server when it's finished, then open your app in the browser.

  1. Run your project locally and open it in a browser
  2. Double-tap on macOS or Ctrl on Windows and Linux to open the Popmelt toolbar
  3. Select part of the UI and leave a note about what should change
  4. Press ⌘↵ on macOS or Ctrl↵ on Windows and Linux to send the thread to your coding agent. Review the result and keep iterating from the same thread
  5. To edit text directly, double-tap a text element. Popmelt marks the change so you can send it like any other annotation

As you work, Popmelt recognizes choices that may be useful beyond the current thread and proposes an Imprint update. Choose Yes to add it to the project's shared understanding, This time to keep it local to the current situation, or No to explain what Popmelt misunderstood.

The Imprint helps later threads use your established intent, preferences, and design decisions instead of starting from scratch.

Popmelt is free. Subscription or usage costs from your chosen AI provider still apply.

Popmelt stores its annotations, screenshots, threads, and Imprint locally in your project. When you send a thread, the context needed to complete that work is passed to your chosen AI provider and is subject to that provider's privacy policy.

Popmelt is designed for local development. As with any AI-assisted coding, your agent may edit files or run commands, so review its work, use version control, and run your project tests before you ship.

Send our dev a note and she'll be in touch.