“Visual Code Prompt-通过视觉方式生成代码修改提示词”的产品徽标图片

Visual Code Prompt-通过视觉方式生成代码修改提示词

Visual Code Prompt-通过视觉方式生成代码修改提示词的项目媒体 2(屏幕截图)
Visual Code Prompt-通过视觉方式生成代码修改提示词的项目媒体 1(屏幕截图)
Visual Code Prompt-通过视觉方式生成代码修改提示词的项目媒体 2(屏幕截图)
Visual Code Prompt-通过视觉方式生成代码修改提示词的项目媒体 1(屏幕截图)
Visual Code Prompt-通过视觉方式生成代码修改提示词的项目媒体 1(屏幕截图)
Visual Code Prompt-通过视觉方式生成代码修改提示词的项目媒体 2(屏幕截图)

概述

Select live webpage elements and generate precise AI edit prompts and runtime patches.

Visual Code Prompt 用于帮助前端开发者、设计师和 AI 编程 Agent 更准确地完成网页视觉调整。当页面已经可以运行,但某个按钮、间距、字体、颜色或布局与预期不一致时,用户无需反复截图、描述位置或手动猜测 CSS。安装插件后,只需在网页上直接选中目标元素,查看它的实际布局和渲染样式,进行临时的移动、缩放或编辑,并添加交互说明和实现备注。插件会把这些视觉信息整理成结构化的代码修改提示词,用户可以一键复制并交给自己的 AI 编程工具。 用户应该安装 Visual Code Prompt,因为它能把“这里看起来不对”转化为包含目标元素、页面上下文、当前状态和修改意图的明确指令,减少设计、开发者和 AI Agent 之间的沟通成本,提高网页迭代效率。它尤其适合使用 Cursor、Claude Code、GitHub Copilot 或其他 AI 编程工具进行前端开发的用户。所有检查和提示词生成均在当前浏览器本地完成,不依赖远程 AI 服务;临时调整不会修改项目源代码,刷新页面即可恢复原始状态。

0 星(5 星制)无评分

详细了解结果和评价。

详情

  • 版本
    0.1.1
  • 上次更新日期
    2026年10月10日
  • 提供方
    Creative Frannnk
  • 大小
    53.55KiB
  • 语言
    中文(中国)
  • 开发者
    邮箱
    creativefrannnk@gmail.com
  • 非交易者
    该开发者尚未将自己标识为交易者。欧盟地区消费者须知:消费者权利可能不适用于您与该开发者达成的合约。

隐私权

管理扩展程序并了解它们在组织中的使用情况
该开发者已披露,此产品不会收集或使用您的数据。 如需了解详情,请参阅开发者的privacy policy。

该开发者已声明,您的数据:

  • 不会因未获批准的用途出售给第三方
  • 不会为实现与产品核心功能无关的目的而使用或转移
  • 不会为确定信用度或放贷目的而使用或转移

相关

AI HTML Editor

4.0

AI-powered HTML editor - chat with AI to modify any website in real-time with streaming responses

Clasp-it

5.0

Pick any webpage element and send its context to your AI editor via MCP

anmerko

0.0

Attach comments to webpage elements and copy them as an AI prompt.

CSS Peeper AI

0.0

Inspect any element and instantly generate Tailwind, CSS, and Styled-Components code with AI.

Annotate HTML

0.0

Click-to-annotate any page. Generates clean markdown feedback for AI coding agents.

HTMLPacker - 一键打包网页,给 AI 编程参考

5.0

把网页一键打包成原型素材包,交给 AI 编程工具参考、复刻和改版。

Image2Prompt - 图片反推提示词

0.0

点选或右键网页图片,调用 AI 反推并编辑图片提示词结构。

Trace

5.0

Browser-native AI coding agent. Build apps and debug live web apps directly from your browser.

HTMLPicker - HTML 取色器

0.0

HTML 取色器 - 拾取任意元素,提取颜色(HEX、RGB、HSL)、CSS、字体和布局。为 AI 编码工具生成提示词。

MarkDown Clipper

0.0

Convert web pages to clean Markdown with advanced options. Perfect for AI context. All features free.

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.

Selector Forge - AI selector builder

5.0

Pick an element on the page and get a reliable AI-built selector for it. Powered by Intuned.

AI HTML Editor

4.0

AI-powered HTML editor - chat with AI to modify any website in real-time with streaming responses

Clasp-it

5.0

Pick any webpage element and send its context to your AI editor via MCP

anmerko

0.0

Attach comments to webpage elements and copy them as an AI prompt.

CSS Peeper AI

0.0

Inspect any element and instantly generate Tailwind, CSS, and Styled-Components code with AI.

Annotate HTML

0.0

Click-to-annotate any page. Generates clean markdown feedback for AI coding agents.

HTMLPacker - 一键打包网页,给 AI 编程参考

5.0

把网页一键打包成原型素材包,交给 AI 编程工具参考、复刻和改版。

Image2Prompt - 图片反推提示词

0.0

点选或右键网页图片,调用 AI 反推并编辑图片提示词结构。

Trace

5.0

Browser-native AI coding agent. Build apps and debug live web apps directly from your browser.

Google 应用