Шаблон Nimbus: приложение для заметок с поиском и правкой

Nimbus это готовый шаблон приложения для заметок из галереи Zugo. Внутри лендинг и рабочий экран: список записей, поиск, закрепление и сохранение между визитами. Клон в ваш проект бесплатный, кредиты за него не списываются, а дальше всё меняется обычным текстом в чате. Одна правка стоит 3 кредита.

Дальше по порядку: что именно лежит внутри шаблона, где проходит граница между рабочей частью и оформлением, и какими фразами его быстрее всего превратить в своё приложение.

Что внутри шаблона Nimbus?

Шаблон устроен как два связанных куска, и это важно понять до первой правки. Сначала идёт страница-витрина, которая объясняет идею приложения, а за кнопкой входа лежит сам рабочий экран с заметками.

Четыре карточки на витрине названы по задачам, а не по функциям: быстрая запись, поиск, который действительно находит, закрепление важного, и минимальная структура вместо папочной иерархии. Это готовая аргументация, и её удобно переписывать под свою аудиторию, не трогая вёрстку.

Пустое состояние «ничего не выбрано» стоит отдельного внимания. Начинающие часто про него забывают, и приложение выглядит сломанным при первом открытии. Здесь оно уже нарисовано, то есть вам достаётся деталь, которую пришлось бы просить отдельной правкой.

Что в шаблоне работает по-настоящему?

Заметки в Nimbus сохраняются в браузере, поэтому созданная запись переживает перезагрузку страницы. Это не декорация: список, поиск и закрепление работают на настоящем состоянии, а не на нарисованных карточках.

А вот форма входа это интерфейс входа, а не система аккаунтов. Она показывает, как экран выглядит, но не проверяет пароль и не разделяет пользователей: данные лежат в том браузере, где вы их набрали, и на другом устройстве их не будет.

Разница принципиальная, и её лучше держать в голове с первого дня. Личный блокнот на одном ноутбуке шаблон закрывает сразу. Общие заметки для команды требуют настоящей базы и настоящего входа, а это подключается коннектором Supabase поверх шаблона. Как выглядит такой переход, разобрано в статье приложение с базой данных нейросетью.

Кому подходит Nimbus, а кому нет?

Подходит, когда нужен личный инструмент с понятной механикой: заметки, дневник наблюдений, база сниппетов, список идей, журнал звонков. Всё, где сущность одна, у неё есть текст, дата и признак важности, ложится на эту структуру почти без переделки.

Не подходит, когда сущностей несколько и они связаны между собой. Задачи с проектами и исполнителями, сделки с контактами, склад с товарами: там нужна другая структура экранов, и разумнее взять шаблон ближе по смыслу. Для воронки сделок с контактами в галерее есть шаблон Orbit, а для сбора идей с голосованием отдельная доска.

Отдельный случай: вам нравится оболочка, но содержимое совсем другое. Это нормальный сценарий. Каркас «список плюс поиск плюс карточка» переживает смену предметной области, и рецепты, тренировки или контакты клиентов встают в него спокойно.

Чем шаблон отличается от сборки с чистого промпта?

Разница в том, откуда вы стартуете и за что платите. Сборка по описанию стоит 6 кредитов и даёт проект, собранный ровно по вашему тексту. Клон шаблона бесплатный и даёт готовую страницу, которую вы уже видели работающей в превью.

Отсюда простое правило выбора. Если ваша идея близка к «список записей с поиском», Nimbus дешевле и предсказуемее: вы платите только за отличия. Если идея далека, каркас начнёт мешать, и правок на переделку уйдёт больше, чем стоила бы одна сборка с нуля.

Есть и второй, менее очевидный смысл шаблона. Он показывает, как выглядит хорошо поставленная задача: названы пользователь, экраны и действия. Эту же структуру полезно перенести в собственные промпты, когда вы будете описывать что-то своё. Подробнее про такой способ формулировать задачу в статье как создать приложение нейросетью.

Как переделать Nimbus под себя?

Порядок правок имеет значение. Сначала меняется смысл, потом внешний вид, иначе вы дважды оплачиваете один и тот же участок работы.

1. Переименуйте продукт и перепишите обещание. Одна правка меняет название везде и заменяет заголовок витрины на ваш.
2. Смените предметную область. «Замени заметки на рецепты: у карточки появляются время приготовления и порции».
3. Поправьте состав экранов. Уберите лишнее, добавьте нужное: фильтр по тегу, сортировку по дате, счётчик в боковой колонке.
4. Настройте оформление. Палитра, шрифт, плотность интерфейса. Это дешевле делать в конце, когда состав экранов уже устоялся.
5. Опубликуйте и проверьте на телефоне. Проект получает адрес вида имя.zugo.run, свой домен подключается поверх на платных тарифах.

Формулируйте правку одним понятным предложением с конкретикой. «Сделай красивее» стоит столько же, сколько «увеличь межстрочный интервал в списке и убери рамки у карточек», но второе даёт предсказуемый результат.

Какие правки просят чаще всего?

По типовым сценариям набор запросов повторяется, и его удобно держать перед глазами как заготовку. Ниже формулировки, которые дают понятный результат с первого раза, потому что называют конкретный элемент и конкретное изменение.

«Добавь теги: у заметки появляется список меток, а в боковой колонке фильтр по метке». «Сделай сортировку по дате изменения и покажи дату в списке». «Добавь кнопку удаления с подтверждением». «Замени поиск по тексту на поиск по заголовку и тексту сразу».

Отдельная категория это правки под телефон. Экран приложения на узком экране ведёт себя не так, как на ноутбуке, и стоит прямо попросить: «на мобильном покажи сначала список, а карточка открывается на весь экран». Проверять результат лучше на настоящем телефоне, а не в уменьшенном окне браузера.

И последнее по порядку, но не по важности: язык интерфейса. Шаблон приходит с английскими подписями, и одна правка вида «переведи весь интерфейс на русский, включая пустые состояния и подписи кнопок» закрывает вопрос целиком. Пустые состояния тут упомянуты не случайно: их забывают чаще всего, и потом посреди русского приложения всплывает Nothing selected.

Сколько стоит довести шаблон до своего?

Клонирование бесплатное, поэтому первый счёт появляется только на правках. Считать удобно так: смена названия и текстов это одна правка, смена предметной области ещё одна, доработка экранов две или три.

Тарифы устроены просто: Free даёт 5 кредитов, Pro стоит $25 в месяц и включает 200 кредитов, Business стоит $99 в месяц. То есть на Pro запас на переделку шаблона исчисляется десятками правок, а не единицами.

Перед выдачей каждая сборка запускается в песочнице. Вариант, который не открылся, вам не отдаётся, и это заметно снижает шанс увидеть белый экран после правки.

Где честные границы шаблона?

Это одно приложение, а не платформа. Nimbus рассчитан на одного человека и один браузер. Многопользовательский сценарий с ролями и правами делается поверх, через базу и вход, и это отдельная работа.

Специфичная логика доводится правками, а не одним промптом. Шифрование заметок, синхронизация между устройствами, совместное редактирование: такие вещи описываются по шагам и проверяются по одной, иначе получается набор наполовину работающих кусков.

На сложном продукте Zugo не заменяет команду разработки. Личный инструмент и внутренняя утилита закрываются целиком. Продукт, который вы собираетесь продавать годами и развивать с несколькими разработчиками, рано или поздно выходит за рамки чата, и для этого есть экспорт исходников в GitHub: проект принадлежит вам.

Практический первый шаг маленький: откройте галерею на zugo.dev, клонируйте Nimbus и первой же правкой замените заметки на ту сущность, с которой вы работаете каждый день. Через пару минут станет видно, ваш это каркас или стоит взять соседний шаблон.