Приватный todo и MCP-процесс
Todo на Vue 3 + webedge-db с MCP-сервером для AI-агентов.
Dev-storyЗадача
Когда отдаёшь работу AI-агенту, его задачи и твои оказываются в разных местах — агент не видит твой список, а ты не видишь его.
Что делали
Todo-приложение на Vue 3 + webedge-db (вход Better Auth на todo.webedge.dev), которое также поднимает локальный MCP-сервер, чтобы агенты вызывали те же функции задач и читали/писали ту же базу, что и человек.
Результат
Ты и агент работаете по одному списку задач — агент может добавлять, обновлять и закрывать задачи, а ты видишь их в том же приложении.
Dev-story статья
Приватный todo и MCP-процесс: как создавался проект
Агенты постоянно теряли последующую работу: они поднимали задачу в разговоре, и она исчезала, когда чат заканчивался. Напряжение было в том, что настоящий список дел человека жил в одном месте, а память агента — в другом, и ни один не мог доверять другому. Решением стало дать и человеческому интерфейсу, и агентам право записи в одну и ту же базу данных, а не в отдельную копию.
Разделы
05
Модули
05
Стек
Vue 3 + webedge-db
Почему появился проект
Когда отдаёшь работу AI-агенту, его задачи и твои оказываются в разных местах — агент не видит твой список, а ты не видишь его.
Агенты постоянно теряли последующую работу: они поднимали задачу в разговоре, и она исчезала, когда чат заканчивался. Напряжение было в том, что настоящий список дел человека жил в одном месте, а память агента — в другом, и ни один не мог доверять другому. Решением стало дать и человеческому интерфейсу, и агентам право записи в одну и ту же базу данных, а не в отдельную копию.
Что было создано
Todo-приложение на Vue 3 + webedge-db (вход Better Auth на todo.webedge.dev), которое также поднимает локальный MCP-сервер, чтобы агенты вызывали те же функции задач и читали/писали ту же базу, что и человек.
Приватное todo-приложение с фронтендом на Vue 3 + Tailwind и реактивным бэкендом, плюс локальный MCP-сервер, который работает с теми же данными по аутентифицированному HTTP. Когда агент решает, что работу нужно зафиксировать, он вызывает инструмент, и задача сразу появляется в списке человека; когда человек её отмечает выполненной, агент при следующем чтении видит, что она закрыта.
Основные модули и путь пользователя
MCP-сервер как stdio JSON-RPC мост с шестью узкоспециализированными инструментами: todo_health, todo_projects, todo_list, todo_create, todo_update, todo_complete, у каждого описание, когда агенту его брать
Аутентификация по сервисному токену: процесс MCP несёт общий секрет и e-mail пользователя по умолчанию, и каждый вызов уходит на HTTP-маршруты реактивного бэкенда под этой личностью, так что агенты никогда не касаются учётных данных пользователя
todo_health как полноценный инструмент предпроверки, который проверяет доступность сайта и приём токена, чтобы агент диагностировал сломанный деплой, а не молча не сохранял задачу
CRUD на стороне человека на Vue с логином через Better Auth, проекты/списки с дефолтом Inbox, приоритеты, сроки и удаление списков
Деплой разнесён по трём доменам — фронтенд на Cloudflare Pages и два опубликованных маршрута бэкенда — с защитой, которая принудительно навязывает Todo-специфичные API и site URL вместо устаревших env-значений
Архитектура и технологические решения
Сделано на Vue 3, webedge-db, MCP.
Vue 3 + Tailwind на Cloudflare Pages, самостоятельно размещённый реактивный бэкенд на VPS за двумя опубликованными маршрутами Cloudflare и Node MCP-сервер без зависимостей, который обращается к HTTP-эндпоинтам бэкенда с bearer-сервисным токеном.
Результат и выводы
Ты и агент работаете по одному списку задач — агент может добавлять, обновлять и закрывать задачи, а ты видишь их в том же приложении.
Небольшой приватный инструмент, где ИИ и человек делят один список задач вместо двух расходящихся копий; это ранний MVP, укреплённый за несколько проходов по MCP и потоку создания, а не крупный продукт.
Связанные статьи
Читать дальше
Связанные истории проектов
Эти проекты близки по техническим или продуктовым решениям и показывают, как тот же принцип работает в другом контексте.
Dev-storyCMS
Динамический headless-CMS на webedge-db — типы контента, медиа, роли и публичный read-API, питающий наши сайты и статьи.
Dev-storyПлатформа календарных бронирований
Бронирование на Vue 3 — слоты, записи, письма и Meet-видеозвонки в один клик.
Dev-storyFableVita
FableVita — AI-фитнес-тренер с лигами, квестами и защищённой от фрода экономикой наград.
Есть похожая идея?
Обсудить проект