データ月 2026-09

Modify

Name: Modify
Rating: 5 (1 reviews)
Author: Modifyit

プログラミング

AIコーディングアシスタント

ModifyitEdit live webpages with a visual CSS editor, then copy exact changes as a structured prompt for terminal AI coding agents.

Chromeに追加 ↗

AlphaMoatによると、2026-09時点でChrome拡張機能Modifyのユーザー数は213(前月比 +19%)、評価は5(1件のレビュー)で、9,324件のAIブラウザ拡張機能中3,124位、プログラミングでは601件中175位です。

ユーザー数 · 2026-09

213+19%

評価

★ 51

総合順位(9,324件中)

#3,124

プログラミング内の順位

#175/ 601

Modifyとは

Chromeウェブストアより

Edit live webpages with a visual CSS editor, then copy exact changes as a structured prompt for terminal AI coding agents. Modify is a visual CSS editor for developers who use terminal-first AI coding agents. Edit a live webpage in Chrome, capture exact CSS and content changes, then copy one structured implementation prompt into your coding tool.

Stop translating visual feedback into vague instructions such as “move this button a little” or “make this section feel cleaner.” Modify records the target element, selector, current text, before-and-after style values, deletions, and your implementation comments so your agent receives a concrete change request.

HOW IT WORKS

1. Open the local, staging, or live webpage you want to change in Chrome. 2. Select elements and adjust layout, spacing, size, color, typography, or text. You can also mark an element for deletion or attach a comment for your AI agent. 3. Review all captured edits and notes in the AI Prompt panel. 4. Click Copy AI Prompt, then paste the structured prompt into OpenCode or another terminal AI coding tool to implement the changes in your source code.

VISUAL CSS EDITING

Select and edit elements directly on the live webpage.
Adjust layout, spacing, dimensions, colors, typography, and text.
Move elements and inspect page structure while staying in the browser.
Undo or redo visual changes before exporting the prompt.
Mark elements for deletion without losing the implementation instruction.

ストアの説明の続きを表示▾

PRECISE AI PROMPTS

Captures a selector for each edited target.
Includes original and requested CSS values.
Includes text replacements and deletion requests.
Preserves per-element comments as implementation instructions.
Includes available component or source context when the page exposes it.
Asks the coding agent to keep unrelated parts of the page unchanged.

BUILT FOR TERMINAL AI CODING WORKFLOWS

Modify is designed for developers whose command-line coding tool does not include a built-in visual webpage editor. The exported prompt is tool-independent: paste it into OpenCode or another terminal AI coding agent that accepts implementation instructions.

Modify does not connect to or edit your local repository. It does not require a native OpenCode integration. Your coding agent receives the copied prompt and decides how to apply the requested changes in the project's framework and source files.

COMMENTS FOR CHANGES CSS CANNOT EXPRESS

Not every request is a style property. Pin a comment to the exact element for instructions such as changing responsive behavior, replacing an asset, reusing a component, or preserving an interaction. The comment travels with that target in the exported prompt.

HTML TO FIGMA

Modify also includes HTML-to-Figma capture for bringing webpage structure into a Figma workflow. This is a secondary feature; the primary workflow is turning visual webpage edits into implementation prompts for terminal AI coding agents.

FREE TO TRY

The free plan includes 5 AI Prompt exports and 5 HTML-to-Figma captures. Lifetime access includes unlimited AI Prompt exports, unlimited HTML-to-Figma captures, future updates, and no subscription. Current in-extension price: $39 one time, with a 14-day money-back guarantee.

Use Modify when you want the speed of a visual CSS editor and the implementation ability of your terminal AI coding agent—without giving a browser extension direct access to your repository.

Questions or feedback: [email protected] Docs and examples: https://modifyit.top/docs