Введение
В эпоху активного использования AI-инструментов, таких как ChatGPT, Gemini, Grok и Qwen, а также мессенджеров вроде WhatsApp Web, мы столкнулись с проблемой: длинные диалоги становятся трудными для навигации и анализа. Чтобы решить эту проблему, мы разработали PinTOC — расширение Chrome, которое автоматически создаёт оглавление для чатов, облегчая навигацию и структурирование информации.
Зачем мы сделали PinTOC
Часто, работая с AI-чатами или переписываясь в WhatsApp Web, мы замечали:
- Чаты растягиваются на десятки экранов.
- Сложно найти нужный фрагмент информации.
- Невозможно быстро перейти к интересующей теме.
Так родилась идея: создать расширение, которое превращает чат в документ с оглавлением, позволяя легко ориентироваться в содержимом.
Как ChatGPT помог нам создать расширение
1. Формулировка задачи
Мы начали с простого запроса к ChatGPT:
«Сделай расширение Chrome, которое добавляет оглавление к чату ChatGPT»
ChatGPT предложил базовую структуру, архитектуру и список необходимых компонентов.
2. Разработка интерфейса и функционала
Поэтапно мы просили ChatGPT:
- Собрать заголовки из окна чата.
- Построить на их основе оглавление.
- Разместить его в боковой панели.
- Реализовать якорную навигацию.
ChatGPT генерировал соответствующий код, который мы тестировали и при необходимости корректировали.
3. Работа с ошибками и улучшениями
Не всё работало идеально с первого раза. Мы использовали уточняющие запросы:
- «Исправь поведение при прокрутке — якорь не доходит»
- «Сделай, чтобы панель не мешала скроллу на мобильных»
- «Добавь кнопку ‘вниз’, если пользователь пролистал вверх»
- «Оглавление исчезает — как зафиксировать?»
Каждый такой запрос приводил к улучшению функционала
4. Подготовка к публикации
Когда расширение стало стабильным, ChatGPT помог:
- Сформировать manifest.json.
- Упаковать проект для публикации.
- Написать описание и инструкции.
- Подготовить SEO-тексты для страницы в Chrome Web Store.
Использованные промпты: что сработало, а что нет
Удачные промпты:
- «Сделай боковую панель с оглавлением по заголовкам в чате ChatGPT»
- «Добавь прокрутку к нужному элементу при клике»
- «Выделяй активный пункт оглавления при скролле»
Ошибки в промптах:
- Слишком общие запросы, например, «Сделай удобно», приводили к расплывчатым ответам.
- Без конкретики ChatGPT генерировал неподходящий код.
- Без предоставления текущего кода ChatGPT не учитывал контекст, что приводило к ошибкам.
Как PinTOC помогал в процессе разработки
Интересно, что само расширение PinTOC стало инструментом для своей же разработки:
- Мы использовали его для структурирования диалогов с ChatGPT.
- Это позволяло быстро находить нужные фрагменты кода и возвращаться к предыдущим версиям.
- Таким образом, мы могли откатывать неудачные изменения и восстанавливать рабочие решения.
То есть, PinTOC стал не только результатом, но и инструментом разработки, сэкономив нам массу времени.
Что умеет PinTOC
- Автоматически создаёт оглавление из диалога в ChatGPT и WhatsApp Web.
- Работает прямо в браузере, без регистрации.
- Показывает структуру: заголовки, разделы.
- Помогает учиться, писать статьи, возвращаться к нужным фрагментам.
- Уже доступен в Chrome Web Store.
Скачать расширение PinTOC:
https://chromewebstore.google.com/detail/pintoc-%E2%80%93-ai-whatsapp-chat/blegbpemmkpidocpadmmmmkonekdeene
Почему создание приложения с помощью ChatGPT — это реально
Наш опыт показывает, что ChatGPT может быть полноценным помощником в создании цифрового продукта. Он помогает:
- Генерировать код и объяснять его.
- Дорабатывать дизайн.
- Исправлять баги.
- Подготавливать публикацию.
- Писать маркетинговые тексты.
Всё это мы делали без команды, без бюджета, без разработчика — только с ChatGPT.
Итоги
- Мы создали расширение PinTOC с нуля с помощью ChatGPT.
- Сэкономили недели разработки и сотни долларов.
- Получили продукт, которым пользуемся сами и делимся с другими.
- Подтвердили: создание приложения с помощью ChatGPT — это уже не будущее, а настоящее.
Хочешь создать что-то своё?
Начни с идеи, задай вопрос ChatGPT и позволь ему вести тебя шаг за шагом.
PinTOC — это наш опыт, и он доступен каждому.