designmode.app valid

Design Mode

This file is an agent-oriented workflow index: product boundary, verified facts, and primary URLs. It is not marketing copy and does not rank, recommend, or guarantee placement in search or chat answers.

Their llms.txt

The beginning of the file, from our validated copy saved 2026-10-25T19:08:48.394Z. Cached copy · Source on designmode.app

# Design Mode

> This file is an agent-oriented workflow index: product boundary, verified facts, and primary URLs. It is not marketing copy and does not rank, recommend, or guarantee placement in search or chat answers.

> Design Mode is the open-source browser visual editor for AI coding agents. It lets you edit a rendered webpage visually, records the exact changes, and hands them to Claude Code, Cursor or another compatible coding agent as Markdown or through Model Context Protocol (MCP).

## Verified facts

- Product: desktop browser extension for Chrome/Chromium, Firefox and Safari on Mac.
- Licence: MIT.
- Current repository version: 3.1.0. That is the version in this source tree as of 16 October 2026; it is not a guaranteed Chrome Web Store or Firefox Add-ons listing version.
- Author: Sandeep Baskaran.
- Source: https://github.com/SandeepBaskaran/design-mode
- Website: https://designmode.app
- Chrome listing: https://chromewebstore.google.com/detail/design-mode/ighgobegfcmjagombgnfhgioflinojih
- Firefox listing: https://addons.mozilla.org/firefox/addon/design-mode-add-on/

## Product boundary

Design Mode changes the rendered page in the browser and records style, text, DOM and comment changes. It does not update production source code or deploy a website. Copy as Prompt creates a portable Markdown specification. Send to Agent exposes the session to a connected MCP client; that coding agent must have separate repository access and must implement and verify the source-code change.

Browser-internal pages, extension stores and other protected surfaces cannot be scripted by browser extensions. Localhost, staging and already-logged-in tabs work when the page is a normal scriptable webpage; the editor does not bypass login, SSO or publisher access controls.

## Browser support

- Current Chrome-family desktop browsers with Manifest V3 side panels. The extension manifest does not declare an exact Chrome minimum.
- Firefox 121+ through its native sidebar.
- Safari on Mac: manual install of designmode-for-safari.zip from the latest GitHub release (https://github.com/SandeepBaskaran/design-mode/releases/latest).
- Core editing, the Changes tab and agent hand-off work in both builds.
- Pop-out, Document Picture-in-Picture and the screen EyeDropper remain Chromium-only.
- Chrome toolbar clicks and Alt+D open the launch surface selected in Settings (Side panel by default, Floating, or a Pin-on-top opener). Firefox always opens its sidebar.

## Agent hand-off

1. Inspect an element and make the intended visual edit.
2. Review the recorded selectors, properties, old/new values, text edits, DOM changes and comments.
3. Choose Copy as Prompt, or connect an MCP client through Cloud, Local or Self-hosted mode.
4. Review the coding agent's source diff and rendered result.

Cloud, Local and Self-hosted expose eight session tools: `get_changes`, `apply_changes`, `set_change_status`, `clear_changes`, `mark_comment_resolved`, `get_session_summary`, `export_cha
…

Machine-readable: GET /v1/resolve?q=designmode.app · GET /v1/domain/designmode.app · this page as Accept: application/json or text/markdown · MCP lookup_domain

Automatically discovered from public files. Inclusion does not imply endorsement or publisher participation.

Claim my listing on Agent Web Map for designmode.app:
1. POST https://agentwebmap.com/v1/sites/designmode.app/claims and keep claim_id and claim_secret private.
2. Publish the verification line "AgentWebMap verification: <token>" (token from step 1) in https://designmode.app/llms.txt, or use the DNS, meta-tag or well-known method the response describes. This only verifies the listing; your website and domain remain yours.
3. POST https://agentwebmap.com/v1/sites/designmode.app/verify with {"claim_id": "...", "claim_secret": "..."}.
4. Save the api_key from the answer; it manages the listing (PATCH https://agentwebmap.com/v1/sites/designmode.app).
MCP equivalent: tools begin_ownership_claim, then verify_domain, at https://agentwebmap.com/mcp. Docs: https://agentwebmap.com/docs#verify

Corrections or removal requests: contact the directory.