Главная / Программирование и IT / Менеджер сниппетов кода

Менеджер сниппетов кода

Описание промпта

Веб-приложение для разработчиков с IDE-подобным интерфейсом, подсветкой синтаксиса, тегами, поиском по regex, редактором кода, версионностью и экспортом в JSON/Gist.

Что делает этот промпт

Создает локальное веб-приложение для управления сниппетами кода с функциями IDE: подсветка синтаксиса, теги, поиск, редактор, версионность и экспорт.

Преимущества

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

Для кого подходит

Фронтенд и бэкенд разработчики, DevOps, студенты IT-специальностей, нуждающиеся в удобном инструменте для хранения кода.

Инструкция по использованию промпта

Сгенерируй полный код приложения. Разбей на файлы (index.html, style.css, app.js). Опиши структуру данных для хранения сниппетов. Добавь комментарии к ключевым логическим блокам.

Что нужно предоставить

Знание HTML/CSS/JS, понимание работы с DOM, localStorage/IndexedDB, умение интегрировать библиотеки подсветки синтаксиса.

Что ожидать в результате

Рабочий одностраничный или многостраничный веб-проект, который можно открыть в браузере и начать использовать для хранения и поиска кода.

Рекомендации

Для продакшена рекомендуется добавить бэкенд для синхронизации между устройствами. Текущая версия работает локально в браузере.

Ограничения

Зависит от возможностей браузера пользователя. Нет встроенной облачной синхронизации без дополнительной реализации. Поддержка языков зависит от выбранной библиотеки подсветки.

Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.

Текст промпта

ChatGPT / Claude / Llama Войти для копирования

Ты — опытный фронтенд-разработчик. Твоя задача — создать полнофункциональный менеджер сниппетов кода, ориентированный на разработчиков. Используй HTML5, CSS3 и JavaScript (или TypeScript) для реализации. Интерфейс должен напоминать легковесную IDE: чистый, современный дизайн с поддержкой темной и светлой темы.

Ключевые требования:
1. Подсветка синтаксиса для 30+ языков программирования. Используй библиотеку вроде Prism.js или Highlight.js.
2. Система тегов и категорий для организации сниппетов.
3. Мощный поиск с поддержкой регулярных выражений и фильтрации по языку/тегам.
4. Редактор кода с номерами строк, направляющими отступов и подсветкой парных скобок.
5. Настройки видимости: публичные и приватные сниппеты.
6. Экспорт/импорт в форматах JSON и GitHub Gist.
7. Горячие клавиши для частых операций (копирование, сохранение, поиск).
8. Адаптивный дизайн для мобильных устройств и десктопов.
9. Автосохранение с историей версий (локально или через localStorage/IndexedDB).
10. Копирование в буфер обмена с сохранением форматирования.

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

Менеджер сниппетов кода

Поделитесь в социальных сетях

Комментарии