NeTab — новая вкладка Chrome с виджетами: задачи, заметки, таймер и закладки
NeTab — расширение для Chrome, которое заменяет пустую новую вкладку рабочей доской. На ней часы, список дел, заметки, помодоро-таймер, учёт рабочего времени и закладки. Доску собирают сами: виджеты перетаскиваются, меняют размер и настраиваются. Данные остаются в браузере.
Новую вкладку открывают десятки раз в день, а на ней пусто
Обычная новая вкладка показывает строку поиска и несколько недавних сайтов. Всё остальное, что нужно в течение дня, лежит в других местах:
- список дел — в отдельном приложении или на бумаге;
- быстрые заметки — в мессенджере, в переписке с самим собой;
- таймер для работы без отвлечений — ещё одна вкладка;
- рабочие ссылки — в панели закладок, где их уже не найти;
- сколько сегодня отработано — в голове.
NeTab собирает это на одной странице, которая и так открывается сама. Аккаунт не нужен: расширение работает сразу после установки.
Сетка в 12 колонок: виджет растягивают, сосед уходит вниз
- Растянуть«Задачи» тянут за угол: было три колонки, стало шесть.
- Сосед уступает«Помодоро» оказался под ним и ушёл на две строки вниз. Остальные виджеты остались на местах.
- ДобавитьНовый виджет встаёт в первое свободное место. Клетка под ним пустая, и доска её не заполняет.
- размер виджета
- От 1×1 до 12 колонок в ширину и 6 строк в высоту.
- перетаскивание
- Пунктирная рамка показывает клетку, куда виджет встанет.
- режим редактирования
- Виджеты двигаются только в нём. В обычном режиме доску случайно не сдвинуть.
- плотность
- Три шага: зазор между виджетами 6, 10 или 16 пикселей.
Девять виджетов и что умеет каждый
Время
Октябрь 2026 сегодня
Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31Задачи
- Сверить остатки на складеОтменить
- Ответить поставщикусегодня
- Фото для новых карточекпт
Заметки
Вопросы к созвонуСроки поставки, новый прайс работа
Идеи для рассылкиПодборка к сезону, отзывы
Помодоро
Jira — переход
Быстрые ссылки
Закладки · один список в разных видах
ППочтаmail.example.com
ДДискdisk.example.com
ППочтаДДискВВикиТТрекер
Одна доска в разных темах
Восемь тем из восемнадцати. Цвета взяты из кода расширения.
- акцент
- 12 цветов. Перекрашивает кнопки, отметки и выделения.
- фон страницы
- 7 вариантов: однотонный, три градиента, mesh, точки и сетка.
- интерфейс
- Боковая панель, строка поиска и приветствие по имени отключаются.
- свой CSS
.widget{border-radius:0}Правка видна сразу, до сохранения.
Доску можно описать словами и получить от модели
1 · промпт из настроек
Ты собираешь доску для расширения NeTab (новая вкладка Chrome). Верни ТОЛЬКО JSON… Доступные типы: — "clock" — Время… — "todo" — Задачи… — "jira" — Jira — переход… Задача пользователя: доска для менеджера интернет-магазина: дела на день и переход к задачам SHOP
Формат и список виджетов расширение берёт из своего кода. Человек дописывает последнюю строку.
2 · ответ модели
```json
{"widgets":[
{"type":"todo","config":{"items":[
{"title":"Сверить остатки"}]}},
{"type":"jira","config":{
"server":"jira.example.com",
"defaultKey":"SHOP",
"color":"red"}},
{"type":"weather"}
]}
```Выделено то, с чем ответ нельзя вставить как есть.
3 · проверка в NeTab
Задачи3×2
Jira — переход3×1
Пропущены неизвестные типы: weatherОтброшены поля, которых нет у виджета: jira.color- ограждение
```jsonснято; "title"у задачи прочитан как её текст;- размеры и места на сетке подставлены.
Тем же разбором проходит файл резервной копии, поэтому испорченный файл доску не ломает.
Где лежат данные и чего в расширении нет
Весь код лежит внутри расширения. Страница пишет три записи: настройки, виджеты и боковые закладки.
Лимиты Chrome: 100 КБ на всё и 8 КБ на одну запись. Длинную запись NeTab делит на части и собирает при чтении.
Если 100 КБ закончилисьИзменение остаётся на этом компьютере, в chrome.storage.local, и не теряется. Настройки предупреждают об этом заранее, с 85% заполнения.
Данные переносит сам Chrome, если в профиле включена синхронизация.
Экспорт и импорт вручную: оформление, виджеты и закладки одним файлом.
что запрашивает расширение
- storage
- хранить доску и настройки
- favicon
- показывать значки сайтов из кэша Chrome
- search
- передать запрос в поисковик, выбранный в Chrome по умолчанию
чего нет
- своего сервера и аккаунта
- аналитики и рекламы
- кода, который подгружается извне
- доступа к истории, вкладкам и содержимому страниц
Экраны расширения
Имя, задачи, заметки и учёт времени на снимках вымышлены. В закладках — общеизвестные сайты.
Расширение под задачи вашей компании
NeTab — собственный продукт студии. На нём видно, как мы делаем браузерные расширения: интерфейс, хранение данных, настройки, перенос между устройствами.
По тому же принципу собирается расширение для бизнеса:
- стартовая страница сотрудника с рабочими ссылками, задачами и объявлениями;
- кнопка в браузере, которая отправляет страницу или выделенный текст в вашу систему;
- подсказки и быстрые действия поверх сервиса, с которым работает команда.
Нужно расширение для браузера? Напишите в Telegram
Расскажите, что сотрудники или клиенты делают в браузере руками, — предложим, что из этого забрать в расширение.