MarkIt - AI 网页标注工具

About

你是否曾在向 AI 描述网页问题时感到词不达意？MarkIt 是一款革命性的浏览器扩展，让你只需在屏幕上“圈一下”元素、写句大白话，就能自动生成 AI 编程助手看得懂的结构化指令。

核心功能如下：
🔧 开发模式
- 精准元素定位 ：点击任意网页元素，自动生成 CSS 路径和元素信息
- 智能代码识别 ：自动识别组件名、类名、ID，帮助 AI 快速定位
- 多细节级别 ：支持简洁、标准、详细三种输出级别，适应不同场景
- 一键复制 ：生成的指令支持一键复制，直接粘贴到 AI 编程助手

🎨 原型模式
- 可视化标注 ：支持标题、详细描述的结构化标注
- 高亮显示 ：标注点在页面上高亮显示，方便快速定位
- 多颜色主题 ：为原型和开发模式提供专属配色方案
- 灵活标签样式 ：支持圆形、圆角方块、书签、气泡、渐变等多种标签样式

✨ 通用特性
- 响应式工具栏 ：可拖拽、可折叠的浮动工具栏，不遮挡页面内容
- 深色模式 ：原生支持深色主题，夜间开发更护眼
- 国际化 ：支持中文和英文双语界面
- 数据持久化 ：标注自动保存，刷新页面不丢失
- 键盘快捷键 ：支持快速激活/隐藏工具栏
- 本地存储 ：所有数据完全存储在本地，保护隐私安全

🎯 使用场景
- Bug 汇报 ：给开发者精准指出问题位置和现象
- 设计反馈 ：对原型稿进行可视化标注
- AI 协作 ：让编程助手快速理解你的修改需求
- 代码审查 ：在网页上直接记录审查意见
- 文档制作 ：快速生成网页交互说明

 📥 安装即用
无需复杂配置，安装后点击工具栏图标即可使用。无论是在原型稿、在线文档还是实际项目中，都能立即提升你的 AI 协作效率。

告别繁琐的截图和描述，让 AI 协作效率提升 10 倍！ 赶紧安装 MarkIt，开启你的高效 AI 编程之旅！