Graphical
Конструктор дизайн-тем: настраиваешь цвета, шрифты и компоненты, а ИИ-агент применяет их в коде приложения.
- Можно попробовать бесплатно
- Нет
- Разработчик
- Josh Puckett и Adam Michela
- Страна
- США
Graphical — визуальный редактор дизайн-системы для тех, кто делает приложение с помощью ИИ-агента для кода, например Claude, ChatGPT или Cursor. В редакторе настраиваются цвета в светлой и тёмной темах, типографика, отступы и масштаб, иконки, формы и эффекты, состояния компонентов и анимация. Результат выгружается как набор токенов темы, совместимый с shadcn, и React-компоненты на Base UI с исходным кодом. В каждую загрузку входят файл GUI.md с описанием дизайн-языка, подробные справочники по светлой и тёмной теме, инструкция по подключению и три навыка для агента. Покупка разовая, без подписки.
Возможности
Настройка дизайн-языка
В редакторе меняются цвета бренда, нейтральные и статусные цвета, типографика, отступы, масштаб, иконки, формы и эффекты. Можно взять один из пяти готовых стилей или начать с нуля.
Светлая и тёмная темы
Для каждой темы ведётся отдельная палитра, и по каждой выгружается подробный справочник для агента.
React-компоненты на Base UI
Набор базовых компонентов поставляется с исходным кодом. Их можно менять в визуальном редакторе.
Экспорт токенов для shadcn
Тему можно скачать файлами или установить командой через реестр shadcn. Токены совместимы с shadcn.
Файл GUI.md для агента
В загрузку входит GUI.md с описанием дизайн-языка и инструкция по настройке. Агент по ним применяет тему и не придумывает стили сам.
Три навыка для агента
Навыки помогают строить новые экраны по теме, перенести тему на существующий интерфейс и найти непоследовательные стили.
Файлы тем для других платформ
Файлы темы подходят для любых фреймворков, библиотек и языков. Нативные приложения для iOS и Android стилизуются через передачу файлов агенту.
Кому подойдёт
- Дизайнеры
Позволяет задать визуальный язык продукта в редакторе и передать его агенту, не разбираясь в коде.
- Разработчики
Даёт готовые токены для shadcn и компоненты на Base UI, чтобы интерфейс, написанный агентом, выглядел единообразно.
- Предприниматели и руководители
Подходит тем, кто собирает продукт с помощью ИИ-агента и хочет получить аккуратный интерфейс без дизайнера в команде.
- Агентства и фрилансеры
Разовая оплата с неограниченным числом проектов позволяет использовать одну систему тем для разных клиентов.
Как начать
- Купить доступ и войти в аккаунт на сайте.
- Выбрать один из пяти стилей или начать с чистой темы.
- Настроить цвета, шрифты, отступы, иконки и состояния компонентов.
- Скачать файлы темы или установить их через shadcn.
- Передать GUI.md и навыки агенту и попросить применить тему.
Тарифы
Разовая покупка без подписки; на сайте цена показана как сниженная с $99.
Ограничения
- Визуальный редактор компонентов работает только с веб-компонентами
- Поддержка нативных редакторов для iOS и Android заявлена как будущая
- Компоненты построены на Base UI; для других стеков используются только файлы темы
Платформы и интеграции
Соседи по смыслу
за последний месяц