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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Здесь стоит назвать вещь, о которой обычно молчат. Free даёт 2 400 кредитов разово: это четыре сборки или восемь правок. А вот на шаблон хватает: клон бесплатный, и одна правка укладывается в бесплатный запас. Для знакомства с продуктом это единственный путь, который реально работает без оплаты.

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

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

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

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

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

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