Руководства по ИИГотовые строительные блоки

Что такое сниппет? Руководство для инженера по многоразовым фрагментам кода и текста

Сколько раз за эту неделю вы набирали один и тот же абзац в коммерческом предложении или заново искали ту же формулу Excel? Сниппет позволяет сохранить такой фрагмент один раз и вставлять его за секунду. В этом руководстве — что такое сниппеты, где они встречаются в работе с ИИ, в коде и в офисных задачах и как пользоваться ими, не обжёгшись.

7 мин чтения

01Что такое сниппет, в одном предложении

Сниппет — это короткий фрагмент кода или текста, предназначенный для повторного использования. Это может быть функция Python из пяти строк, формула Excel, стандартный заключительный абзац для писем или промпт, который хорошо работает с Claude.

Зачем это нужно? Чтобы не набирать одно и то же заново, чтобы всё бюро писало и считало одинаково и чтобы экономить время и избегать опечаток. Фрагмент, который один раз проверили и сохранили, не нужно проверять каждый раз.

Обратите внимание: в поиске слово «сниппет» имеет совсем другое значение — это краткое описание, которое Google показывает под результатом. Подробнее об этом ниже.

02Представьте штамп на рабочем столе

В конторах раньше были штампы: «Проверено и утверждено», «Копия верна», адрес компании. Никто не писал это от руки каждый раз — просто ставили штамп. Сниппет — это цифровой штамп: готовый проверенный фрагмент, который вы вставляете одним действием, вместо того чтобы переписывать его заново, рискуя ошибиться в одной букве.

03Где встречаются сниппеты

ИИ

Блок кода в ответе ИИ

Когда вы просите Claude или ChatGPT написать скрипт, код появляется в отдельном окошке с кнопкой копирования. Это классический сниппет кода.

Офис

Сниппеты в текстовых расширителях

Приложения-расширители текста (text expander) и функция замены текста в вашей операционной системе превращают короткий код вроде ;thanks в целый абзац.

ИИ

Сохранённые промпты

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

Код

Сниппеты VS Code

Редактор VS Code позволяет задать короткий триггер, который разворачивается в целый блок кода, например в стандартный заголовок для каждого расчётного скрипта.

Сайты

Формулы Excel и HTML-вставки

Стандартная проверочная формула или код для встраивания на сайт: тег Google Analytics, видео с YouTube или калькулятор.

Другое значение

Избранный сниппет Google

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

04Безопасный путь: от ответа Claude до вашего файла

  1. 1Спросите и разберитесьПопросите Claude объяснить код построчно, а не только выдать его
  2. 2СкопируйтеИспользуйте кнопку копирования в окошке, чтобы не потерять ни символа, ни пробела
  3. 3Проверьте на копииЗапускайте на копии файла или тестовом сайте, никогда — на оригинале
  4. 4Проверьте вручнуюПопробуйте на случае, ответ для которого вы уже знаете
  5. 5Сохраните под именемПонятное название и короткая заметка: что делает, когда применять, кто проверил

05Где хранить любимые промпты

Быстрее всего

Текстовый расширитель

Набираете короткий триггер — и появляется полный промпт, в любом приложении или на любом сайте. Лучше всего подходит для коротких промптов, которыми вы пользуетесь ежедневно.

Постоянный контекст

Инструкции проекта (Project) в Claude

В проекте Claude можно задать постоянные инструкции, действующие во всех чатах внутри него, например «всегда отвечай в единицах СИ». Доступность зависит от вашего тарифа. См. Контекст, который остаётся.

Полная процедура

Skill

Когда промпт разросся в полноценную процедуру с шаблоном и чек-листом, превратите его в Skill, который Claude сам загружает при необходимости. См. Процедуры для ИИ.

Проще всего

Обычный текстовый файл или общий документ

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

06Ваш первый сниппет в VS Code за 5 минут

  1. 1

    Откройте настройки сниппетов

    Перейдите в File, Preferences, Configure Snippets или выполните команду Snippets: Configure Snippets из палитры команд (Command Palette).

  2. 2

    Выберите язык

    Например, python, чтобы сниппет появлялся только в файлах Python. Можно создать и глобальный файл для всех языков.

  3. 3

    Задайте имя, триггер и тело

    У каждого сниппета есть prefix (триггер, который вы набираете), body (вставляемые строки) и необязательное description (описание).

  4. 4

    Сохраните и попробуйте

    В файле Python наберите триггер, выберите его в списке подсказок — и появится весь блок.

  5. 5

    Поделитесь с командой

    Файл сниппетов в папке .vscode проекта доступен всем, кто работает над этим проектом.

07Пример: перевод единиц в Python

Инженер-конструктор, который пишет небольшие скриптыпросит
«Напиши короткую функцию на Python, которая переводит кН в кгс и обратно, с комментариями и одним тестом, который я смогу проверить вручную».
получает
Функция в несколько строк, умножающая на 101,97 (поскольку 1 кН — это примерно 101,97 кгс), и тест, проверяющий, что 10 кН дают около 1 019,7 кгс. Инженер сохраняет её как сниппет VS Code с триггером conv и вставляет в каждый новый скрипт.
ИнструментClaude (чат) и пользовательские сниппеты VS Code

08Пример: формула Excel для проверки краевого расстояния

Инженер по расчёту анкеровпросит
«В столбце B — минимальное краевое расстояние, в столбце C — фактическое. Дай формулу, которая возвращает OK или CHECK».
получает
Формула вида =IF(MAX(C2,B2)=C2,"OK","CHECK"), которую можно протянуть вниз на все строки. Само минимальное значение берётся из ETA анкера или из стандарта, а не из ИИ. Формула хранится в листе-шаблоне или в текстовом расширителе.
ИнструментClaude или ChatGPT и Excel

09Пример: типовой ответ на запрос коммерческого предложения

Офис-менеджер подрядной компаниипросит
Набирает ;quote в Gmail или Outlook
получает
Появляется весь абзац: благодарность за обращение, что нужно прислать (чертежи, объёмы, график), когда придёт коммерческое предложение и контактные данные. Остаётся вписать только имя и проект.
ИнструментПриложение-расширитель текста или замена текста в операционной системе

10Пример: встраивание калькулятора в сайт компании

Сотрудник, который ведёт сайт инженерной компаниипросит
«Дай HTML-сниппет, который встраивает страницу нашего калькулятора в страницу сайта, на всю ширину и высотой 700 пикселей».
получает
Короткий фрагмент кода с тегом iframe, указывающим на адрес калькулятора. В WordPress его вставляют в блок «Custom HTML». То же самое относится к коду встраивания YouTube (Share, затем Embed) или тегу Google Analytics. Калькулятор, созданный как Artifact, можно сохранить в виде HTML-файла и разместить на своём сайте, см. Результаты, а не только ответы.
ИнструментClaude и WordPress

11Что нужно, где хранить сниппет и почему

ЗадачаГде хранитьПочему
Фраза или письмо, которые вы отправляете ежедневноТекстовый расширитель или замена текста в ОСРаботает в любом приложении, достаточно нескольких нажатий
Промпт, которым вы часто пользуетесьДокумент с промптами или текстовый расширительВсегда под рукой, легко дорабатывать и делиться им
Постоянные инструкции по одной темеИнструкции проекта в ClaudeАвтоматически действуют во всех чатах проекта
Полная процедура с шаблоном и чек-листомSkillClaude сам загружает его, когда задача подходит
Блок кода, повторяющийся в разных скриптахПользовательские сниппеты VS CodeВставляется по триггеру, им можно поделиться с командой
Проверочная формула ExcelЛист-шаблон с пояснениемПроверена один раз, всегда единообразна
Код встраивания для сайтаАккуратный текстовый файл или сохранённый блок WordPressБольше не нужно искать код для каждой новой страницы

12Частые вопросы

Можно ли запускать код от Claude, не понимая его?

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

А как быть с паролями и API-ключами?

Никогда не вставляйте сниппет, содержащий пароль, API-ключ или токен, в чат, общий документ или на сайт. Если коду нужен ключ, храните его отдельно (например, в переменной окружения), а в коде оставьте только его имя.

Можно ли копировать любой код, найденный в интернете?

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

Чем сниппет отличается от Skill?

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

А что такое избранный сниппет (featured snippet)?

Это SEO-термин: выделенный блок с ответом, который Google иногда показывает над результатами поиска, цитируя часть страницы. К коду он отношения не имеет, но короткий и ясный ответ в начале статьи повышает шансы туда попасть.

Старый сниппет всё ещё верен?

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

Ещё в этом руководстве

Набор инструментов для Claude: что добавить под каждую задачу, чтобы он работал лучшеНабор под каждую задачуЧто такое Artifact? Руководство для инженеров, которым мало ответа в чатеРезультаты, а не только ответыЧто такое ИИ-агент? Практическое руководство для инженеровИИ-агенты в работеЧто такое Skills? Как научить Claude процедурам вашего бюро: руководство для инженераПроцедуры для ИИЧто такое коннектор? Как Claude подключается к вашим приложениям (MCP)Claude и ваши инструментыЧто такое Plugin? Как инженеру установить в Claude целый рабочий процесс сразуПакеты процессов для ИИЧто такое промпт и как написать хороший промпт?Разговор с ИИProjects и память в Claude: пусть он помнит вашу работуКонтекст, который остаётсяМодели, токены и контекстное окно: что происходит за кулисамиКак думает ИИИзображения и видео в Claude: что он видит, что создаёт и как обойти ограниченияГлаз ClaudeЧто такое дизайн-система? Руководство для недизайнеровДизайн без дизайнераЧто такое GitHub? Руководство для инженеров, которые не программируютGitHub без кодаДизайн изображений с ИИ: создавайте, редактируйте и улучшайте картинки бесплатно и платноИзображения с ИИСоздание ИИ-персонажа: маскот, аватар, говорящий ведущий, 3DЗадача: ИИ-персонажИнженерные расчёты с ИИ: считать, проверять и правильно оформлятьРасчёты с ИИСоздаём инженерное ПО с ИИ: от небольшого калькулятора до приложения без навыков программированияПрограммы без программированияПоиск продукции с ИИ: как найти, сравнить и проверить товары, поставщиков и технические описанияПоиск продукцииПоиск стандарта с помощью ИИ: нужный стандарт и пункт без галлюцинацийСтандарты без догадокПолное руководство по ClaudeВсё, что нужно для начала, шаг за шагом

Вернуться на страницу ИИ