Item logo image for Redline

Redline

Item media 2 (screenshot) for Redline
Item video thumbnail
Item media 2 (screenshot) for Redline
Item video thumbnail
Item video thumbnail
Item media 2 (screenshot) for Redline

Overview

Annotate live webpages and export structured change requests to Claude Code.

Redline turns a webpage into a precise change request. You spot something to fix on a live site: a heading that should be bigger, a button in the wrong place, spacing that is off. Redline lets you mark it on the page and hand an exact, structured request to your AI coding assistant. Activate Redline on any page. Drop a numbered callout on the element you want changed and describe the change. Or rewrite a heading or label directly on the page with the edit-text tool. Add boxes, arrows, and highlights for visual context. Then export. Redline captures an annotated screenshot and writes a markdown changelog where every numbered change is anchored to a precise DOM element, with its CSS selector, XPath, tag, classes, ARIA role, text, and position. That structured export is the point. A vague "make the header better" gives an AI nothing to act on. Redline gives it an address for every change. Redline is built for the Claude Code workflow. It ships a /redline slash command: save an export into your project, run /redline, and Claude Code finds each element in your source and applies the change. It also works with any assistant that can read an image and a markdown file. How it works: - Activate with a keyboard shortcut or the toolbar icon. - Callout and Text place numbered, element-anchored change requests. - Edit text rewrites an element's text in place; the export records the exact old text and new text. - Rectangle, Ellipse, Arrow, Freehand, and Highlight add visual emphasis. - Capture the visible area, or stitch the whole scrolling page. - Export to the clipboard, or save the screenshot and changelog into a project folder. - Annotations are saved per page, so you can pick up where you left off. Private by design. No backend, no account, no telemetry. Redline runs entirely in your browser, and nothing you annotate or export leaves your computer. Open source under GPL-3.0. Works on Chrome, Edge, Brave, and Arc.

Details

  • Version
    1.3.3
  • Updated
    May 28, 2026
  • Offered by
    sebasbimbi
  • Size
    40.5KiB
  • Languages
    English
  • Developer
    Sebastian Palacios Bimbi
    JR.SANAT ELENA NORTE N.155 603 surco, Municipalidad Metropolitana de Lima 15023 PE
    Email
    sebastian@bimbi.digital
    Phone
    +51 930 287 967
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Anima: Clone website & capture elements

4.6

Convert private or internal web pages into editable React/HTML or start vibe coding on it

MarkUp: Annotate webpages, prompt AI agents

4.0

Annotate live webpages and export structured change requests to AI coding assistants. Draw your changes instead of describing them.

Web to MCP: Import any website components to Cursor or Claude Code

3.7

A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc

Debug Helper

4.7

Capture debug context and export structured reports for coding agents

SavedPixel HTML CSS JS Extractor

5.0

Extract HTML, CSS, assets, Markdown, and SEO Markdown from webpages with a visual picker and clean exports.

Pinta

0.0

Pinta — annotate your running app and hand the changes to a coding agent.

Markdownify

4.3

Turn any Webpage to Markdown and Copy it with one Click.

Claude Code Browser

5.0

Point at page elements and let Claude Code fix them. Visual debugging with picker, DOM tree, streaming chat. By Fineguide.AI.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

HTML to Markdown

4.5

Convert webpages to Markdown. Easily convert headers, text, tables or code snippets to Markdown.

Modify — AI Coding UI Editor | Edit Pages, Generate AI Prompts

5.0

The missing UI layer for AI coding — edit live pages, generate precise prompts for Cursor, Copilot & Claude.

uiClone

5.0

Clone any website's design system - Extract colors, fonts, components and export to Markdown or JSON to feed your AI assistant.

Anima: Clone website & capture elements

4.6

Convert private or internal web pages into editable React/HTML or start vibe coding on it

MarkUp: Annotate webpages, prompt AI agents

4.0

Annotate live webpages and export structured change requests to AI coding assistants. Draw your changes instead of describing them.

Web to MCP: Import any website components to Cursor or Claude Code

3.7

A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc

Debug Helper

4.7

Capture debug context and export structured reports for coding agents

SavedPixel HTML CSS JS Extractor

5.0

Extract HTML, CSS, assets, Markdown, and SEO Markdown from webpages with a visual picker and clean exports.

Pinta

0.0

Pinta — annotate your running app and hand the changes to a coding agent.

Markdownify

4.3

Turn any Webpage to Markdown and Copy it with one Click.

Claude Code Browser

5.0

Point at page elements and let Claude Code fix them. Visual debugging with picker, DOM tree, streaming chat. By Fineguide.AI.

Google apps