П.ВИН
Tool

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

Бесконечная доска tldraw с AI-ассистентом, который создаёт фигуры, стикеры и стрелки по текстовому промпту. Закрытый командный whiteboard с автосохранением в Supabase и доступом по единому паролю.

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

Что это?

Бесконечная доска tldraw с AI-ассистентом, который создаёт фигуры, стикеры и стрелки по текстовому промпту. Закрытый командный whiteboard с автосохранением в Supabase и доступом по единому паролю.

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

Подписка на Miro/FigJam с лимитами и ручным перетаскиванием фигур → собственный whiteboard с AI-помощником и безлимитным числом досок

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

Реализовано на стеке: Next.js 16, tldraw, Supabase, OpenAI. Бесконечный canvas tldraw с AI-ассистентом, который выполняет до 4 раундов tool-call'ов и сам расставляет фигуры по промпту.

Next.js 16tldrawSupabaseOpenAITailwindNext.js 16tldrawSupabaseOpenAITailwindNext.js 16tldrawSupabaseOpenAITailwindNext.js 16tldrawSupabaseOpenAITailwind
Whiteboard-сервисы вроде Miro отлично рисуют, но требуют подписки и не понимают текстовых команд. Цель — собственная бесконечная доска с AI-ассистентом, который сам создаёт фигуры, стикеры и стрелки по короткому промпту.

Вызов

Доска без AI

Командная работа на whiteboard превращается в ручное перетаскивание фигур, а коммерческие сервисы запирают функции за подпиской.

  • — Создание схемы из 10 блоков отнимает минуты на ручное рисование
  • — Miro и FigJam — платная подписка и лимиты на число досок
  • — Снимки доски не сохраняются в собственной базе и не контролируются

Решение

AI на холсте

Бесконечный canvas tldraw с AI-ассистентом, который выполняет до 4 раундов tool-call'ов и сам расставляет фигуры по промпту.

  • + Промпт «нарисуй схему авторизации» → AI создаёт блоки, стрелки и подписи
  • + Snapshot доски автосохраняется в Supabase каждые 1.5 секунды
  • + Closed-team доступ через HMAC-cookie на Web Crypto в Edge middleware

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

Mindmap

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

Canvas

Бесконечный холст
tldraw · React 19 · Next.js

NODE.02

AI Agent

Создаёт фигуры
OpenAI · LLM Router · Tool calling

NODE.03

Persistence

Автосохранение snapshot
Supabase · jsonb · Debounce

NODE.04

Auth Gate

Single password доступ
HMAC · Web Crypto · Edge middleware

COREEngine

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

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

0

ручного рисования фигур

10x

быстрее создание схем

∞

досок без подписки

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

Likedog.ru →