Скетчи Material 3 превращаются в промпты

🔹 lnkiai/m3e-canvas
⭐ 4291 звезда · TypeScript

Рисуешь экраны Material 3 Expressive прямо в браузере, связываешь их переходами и экспортируешь всё это единым текстовым промптом для Claude, GPT или Gemini. Стек — Next.js 16 и React 19, данные лежат в localStorage, серверной части нет.

В арсенале больше 20 типов M3-компонентов: кнопки, FAB, чипсы, карточки, диалоги, слайдеры. Работает магнитное соединение — близко поставленные кнопки автоматически группируются со скруглением. Поддерживаются два размера холста: 412×892 для телефона и 1280×800 для десктопа с авто-переверсткой при переключении.

Промпты генерируются на японском, английском, китайском и корейском, целевая платформа — Android или Web. Опционально можно подключить OpenAI, Claude, Gemini или DeepSeek, чтобы модель сама писала описания компонентов.

репозиторий

Полезная Репа 🎨