MCP ExplorerExplorer

Mcp Bookmarker

@L-12Don 10 months ago
1 MIT
FreeCommunity
AI Systems
mcp-bookmark-assistant

Overview

What is Mcp Bookmarker

mcp-bookmarker is a bookmark assistant designed to help users manage and organize their bookmarks efficiently.

Use cases

Use cases for mcp-bookmarker include organizing research materials, managing favorite websites for educational purposes, and keeping track of resources for projects.

How to use

To use mcp-bookmarker, simply install the application, create an account, and start adding your bookmarks. You can categorize them for better organization.

Key features

Key features of mcp-bookmarker include easy bookmark management, categorization options, a user-friendly interface, and synchronization across devices.

Where to use

mcp-bookmarker can be used in various fields such as personal productivity, research, education, and any area where bookmark management is essential.

Content

MCP Bookmarker | Hacaton Ogon.ai

Браузерное расширение + backend с MCP-серверами и тегированием контента

Это ассистент для работы с вкладками, который позволяет их фильтровать и сохранять с помощью промта, а позже извлекать из базы, также по промту.

В рамках хакатона были созданы два MCP-сервера (для Glassdoor и IMDb), два пайплайна для n8n и одно расширение. Все компоненты размещены в отдельных ветках репозитория.

Список материалов проекта:

  • presentation.pdf — презентация проекта
  • about install.mkv — видеоинструкция по установке расширения
  • presentation.mp4 — видео с рассказом о проекте и демонстрацией его работы
  • Скачать готовую сборку последней версии можно здесь

🚀 Возможности

  • Сохранение текущей или всех вкладок
  • Получение полной HTML-разметки страницы
  • Отправка промта и вкладок на API
  • Поиск вкладок из сохраненных ранее
  • Обработка неподдерживаемых вкладок
  • Очистка сохранённого списка
  • Удобный и лаконичный интерфейс
  • Shortcat для добавления вкладок в корзину - Ctrl + Shift + y

🧠 Пример запроса

{
  "prompt": "Сделай сводку по этим вкладкам",
  "tabs": [
    {
      "title": "Google",
      "url": "https://google.com",
      "html": "<html>...</html>"
    }
  ]
}

⚙️ Установка и запуск

Видео-инструкция в файле about_install.mkv.

Для установки необходимо:

  1. Взять последнею версию из releases здесь
  2. Распаковать архив в любую папку.
  3. В Chrome открыть chrome://extensions.
  4. Включить “Режим разработчика”.
  5. Нажать “Загрузить распакованное расширение” и выбери папку dist.

📁 Структура расширения (frontend)

src/
├── components/
│ └── MarkdownRenderer.tsx # Переиспользуемый компонент для отображения Markdown
│
├── popup/
│ ├── App.tsx # Основная логика и интерфейс всплывающего окна (popup)
│ └── index.tsx # Точка входа для рендеринга React-приложения popup
│
├── styles/
│ ├── App.css # Глобальные стили
│ └── popup.css # Стили, специфичные для интерфейса popup
│
├── utils/
│ └── storage.ts # Утилиты для работы с chrome.storage
│
├── background.ts # Фоновый скрипт (обмен сообщениями, внедрение скриптов)
├── content.ts # Контентный скрипт для получения DOM-данных из вкладок
└── routes.ts # Определение маршрутов API

Ветки

  • frontend — Сhrome расширение (React)
  • mcp-server-imdb — MCP-сервер для IMDB (база данных фильмов).
  • glassdoor-mcp — MCP-сервер для Glassdoor
  • main-n8n-workflow - основной воркфлоу на n8n (обработка вкладок и сохранение их в базу данных).
  • find-n8n-workflow — n8n ворклфлоу для RAG поиска (возвращает данные пользователю).

Tools

No tools

Comments

Recommend MCP Servers

View All MCP Servers