П.ВИН
Tool

Draw AITool из портфолио Паши Вина

Бесконечная доска с AI-ассистентом, который сам рисует на холсте: создаёт текст, стикеры, фигуры, стрелки и фреймы через tool-calling. Импорт PDF и Mermaid-диаграмм, история версий, расшаривание досок по ссылке.

01. КатегорияTool
02. РольFull-stack, Product
03. Датаапр 2026

Что это?

Бесконечная доска с AI-ассистентом, который сам рисует на холсте: создаёт текст, стикеры, фигуры, стрелки и фреймы через tool-calling. Импорт PDF и Mermaid-диаграмм, история версий, расшаривание досок по ссылке.

Какую задачу решает?

Было: идею на доске раскладываешь руками — перетаскиваешь блоки, рисуешь связи, час уходит на структуру. Стало: пишешь запрос ассистенту — холст заполняется сам за секунды.

Как реализовано?

Реализовано на стеке: Next.js, React, TypeScript, Excalidraw. Ассистент управляет доской напрямую через tool-calling, а всё состояние автосохраняется с историей версий.

Next.jsReactTypeScriptExcalidrawOpenAI SDKSupabaseNext.jsReactTypeScriptExcalidrawOpenAI SDKSupabaseNext.jsReactTypeScriptExcalidrawOpenAI SDKSupabaseNext.jsReactTypeScriptExcalidrawOpenAI SDKSupabase
Бесконечная доска — мощный инструмент для мышления, но любая схема всё равно собирается руками, и мысль обгоняет перетаскивание блоков. Цель — отдать рутину AI: ассистент рисует на холсте по текстовому запросу, подтягивает PDF и диаграммы, а каждое состояние сохраняется с историей и расшаривается одной ссылкой.
Draw AI
Draw AI — Бесконечная доска — мощный инструмент для мышления, но любая схема всё равно собирается руками, и мысль обгоняет перетаскивание блоков.

Вызов

Доска без рук

Визуальное мышление на бесконечном холсте упирается в ручную раскладку — мысль обгоняет руки.

  • Каждую схему собираешь вручную: блоки, стрелки, выравнивание
  • PDF и диаграммы живут отдельно от рабочего холста
  • Версии теряются — откатиться к вчерашнему состоянию негде

Решение

AI на холсте

Ассистент управляет доской напрямую через tool-calling, а всё состояние автосохраняется с историей версий.

  • + AI создаёт текст, стикеры, фигуры, стрелки и фреймы по описанию
  • + Импорт PDF и Mermaid-диаграмм прямо в холст
  • + Автосохранение снапшотов и откат к любой версии

Архитектура & Стек

Mindmap

[ Mindmap Процессов / v2.0 ]
NODE.01

Canvas

бесконечный холст
Excalidraw · React · Next.js

NODE.02

AI Agent

рисует по запросу
OpenAI SDK · LLM Router · tool-calling

NODE.03

Import

PDF и диаграммы
pdfjs-dist · mermaid-to-excalidraw

NODE.04

Storage

версии и шеринг
Supabase · snapshots · share-tokens

COREEngine

Смоделировано 100 предпринимателями

Бизнес Импакт

час→секунды

сборка схемы

0

потерянных версий

1 ссылка

доступ к доске

Открыть проект
Следующий кейс

LikeDog