Инструкция — Как вносить изменения в калькуляторы премии

1Что это за файлы и как они устроены

Прежде чем что-то менять — важно понять, с чем работаем.

Все файлы — это HTML-страницы

Каждый калькулятор — это один файл с расширением .html. Его можно открыть в любом браузере (Chrome, Edge, Safari) двойным кликом. Никакого интернета, установки программ или паролей не нужно — файл работает сам по себе.

Список файлов

Вот все пять калькуляторов и за что каждый отвечает:

Файл	Описание
bonus_chart_v2.html	Верификация (основная) — график + калькулятор
bonus_chart_digit.html	Полная оцифровка — график + калькулятор
bonus_chart_light.html	Оцифровка Лайт — график + калькулятор
bonus_intern_digit.html	Оцифровщик стажёр — простой калькулятор с % ошибок
bonus_intern_verif.html	Верификатор стажёр — то же самое, другие пороги

Что внутри файла

Внутри каждого файла три части: стили (как выглядит), HTML-разметка (что отображается на экране) и JavaScript (логика расчётов — пороги, зоны, формулы). Менять нужно чаще всего именно числа в JavaScript-части. Claude сам знает, где что находится — вам не нужно в этом разбираться.

2Как зайти в Claude и загрузить файл

Делается это через браузер — никаких программ устанавливать не нужно.

1

Открыть сайт Claude

Зайдите в браузер (Chrome, Edge или любой другой) и перейдите по адресу:

https://claude.ai

Если нет аккаунта — нужно зарегистрироваться. Это бесплатно, достаточно почты.

2

Начать новый диалог

На главной странице нажмите кнопку «New chat» (или «Новый чат»). Откроется пустое поле для диалога — именно сюда будем писать и прикреплять файлы.

💡

Каждый раз начинайте новый чат, когда берётесь за новый файл. Не пишите всё в одном длинном диалоге — Claude может «забыть» детали из начала разговора.

3

Прикрепить файл

В нижней части поля для ввода есть иконка скрепки 📎 (или плюсик). Нажмите её и выберите нужный .html файл с компьютера. Файл появится над полем ввода — это значит, что он прикреплён и Claude его видит.

Важно: прикрепляйте только один файл за раз — тот, который нужно изменить.

⚠️

Убедитесь, что файл действительно прикрепился и отображается над полем ввода, прежде чем отправлять сообщение.

4

Написать запрос и отправить

После того как файл прикреплён — напишите в поле ввода, что нужно изменить (об этом подробнее в следующем разделе). Нажмите Enter или кнопку отправки. Claude прочитает файл и сделает изменения.

3Как написать промпт — правила и примеры

Промпт — это ваше сообщение Claude. От того, как вы его напишете, зависит результат.

1

Всегда указывайте КОНКРЕТНЫЕ числа

Не пишите «измени пороги». Пишите точные значения — что было и что должно стать.

❌

Плохо: «поменяй пороги для верификации»
Claude не знает, на что менять.

✅

Хорошо: «измени пороги для зон: при 1000 заявках — 5% при 140 выполненных, 10% при 170, 15% при 200»

2

Говорите, что именно хотите получить

Всегда добавляйте в конце: «верни мне готовый html файл» или «сделай и отдай файл для скачивания». Иначе Claude может просто показать код в чате, и его придётся копировать вручную.

3

Одно сообщение — одно изменение

Если нужно изменить несколько вещей — перечислите их все в одном сообщении, но чётко по пунктам. Так Claude не пропустит ни одного.

Прикреплён файл bonus_chart_v2.html

Внеси следующие изменения:
1. Измени максимальное значение по оси X с 1500 на 1700
2. Измени пороги при x=1600: 5% при y=310, 10% при y=340, 15% при y=370
3. Добавь значение 1600 на ось X

Верни готовый html файл.

4

Если нужно уточнить — просто ответьте в том же чате

Claude помнит весь контекст разговора. Если результат не совсем такой, как нужно — не начинайте новый чат, просто напишите уточнение в том же диалоге. Например: «а теперь сделай шрифт на осях чуть крупнее» или «нет, порог 5% должен быть не 140, а 145».

4Как скачать готовый файл

После того как Claude сделал изменения, нужно сохранить результат.

1

Claude сам предложит скачать файл

После ответа Claude в диалоге появится карточка файла с кнопкой скачивания (иконка ↓ или надпись «Download»). Нажмите её — файл сохранится в папку «Загрузки» на вашем компьютере.

2

Проверьте файл перед тем, как сохранять окончательно

Откройте скачанный файл двойным кликом — он откроется в браузере. Проверьте, что:
— Все числа на графике правильные
— Калькулятор считает верно (введите тестовые значения)
— Ничего не сломалось визуально

💡

Если что-то не так — не закрывайте чат с Claude. Просто напишите, что именно не так, и он исправит. Файл можно скачивать сколько угодно раз.

3

Переименуйте файл и сохраните в нужное место

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

5Типовые изменения и готовые промпты

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

Изменить пороговые значения на графике

Для файлов с графиком (верификация, оцифровка, лайт):

📋 Шаблон промпта

Прикреплён файл [название файла].

Измени пороговые значения линий на следующие:
При x = [число заявок]: линия 5% при y = [число], линия 10% при y = [число], линия 15% при y = [число]
При x = [число заявок]: линия 5% при y = [число], линия 10% при y = [число], линия 15% при y = [число]
[и так далее для каждой точки]

Верни готовый html файл.

Изменить диапазон осей

Например, если нужно расширить шкалу X или Y:

📋 Шаблон промпта

Прикреплён файл [название файла].

Измени ось X: минимальное значение [число], максимальное [число].
Измени ось Y: максимальное значение [число].

Верни готовый html файл.

Изменить пороги для стажёров

Для файлов bonus_intern_digit.html и bonus_intern_verif.html:

📋 Шаблон промпта

Прикреплён файл [название файла].

Измени зоны премии:
— 5% при выполнении от [число] до [число] заявок
— 10% при выполнении от [число] до [число] заявок
— 15% при выполнении от [число] и выше

Верни готовый html файл.

Изменить порог блокировки по ошибкам

Для файлов стажёров — если меняется допустимый % ошибок:

📋 Шаблон промпта

Прикреплён файл [название файла].

Измени порог блокировки премии по ошибкам: сейчас премия блокируется если % ошибок больше 0,5%. Измени это значение на [новый процент]%.

Верни готовый html файл.

Изменить название

📋 Шаблон промпта

Прикреплён файл [название файла].

Измени заголовок страницы с «[старое название]» на «[новое название]».

Верни готовый html файл.

6Что НЕ трогать — важные ограничения

Не просите Claude «переделать дизайн с нуля»

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

Не меняйте логику расчёта без понимания

Внутри файлов есть формулы — например, интерполяция между точками графика. Если вы не уверены, что именно нужно изменить в логике — опишите словами желаемое поведение, а не просите менять код напрямую.

⚠️

Например, не надо писать «измени функцию lerp». Лучше напишите: «сейчас при x=1100, y=140 показывает 5% — это правильно? Проверь».

Всегда держите резервную копию файла

Перед тем как отправлять файл Claude на редактирование — скопируйте оригинал куда-нибудь (например, переименуйте в bonus_chart_v2_OLD.html). Если что-то пойдёт не так, всегда есть возможность вернуться к рабочей версии.

7Если что-то пошло не так

→

Файл скачался, но в браузере ничего не работает

Напишите в том же чате: «Файл не работает в браузере — попробуй ещё раз». Claude пересоберёт файл.

→

Числа на графике неправильные

Напишите точно, что не так: «При x=1200, y=195 должна показываться зона 5%, но показывается 0% — исправь».

→

Claude не понял или сделал не то

Просто уточните в том же чате. Не нужно заново прикреплять файл — Claude его уже видит. Можно написать: «Нет, я имела в виду другое — [объясните снова]».

→

Всё поломалось и нужно начать заново

Возьмите резервную копию файла (которую вы сохранили заранее), начните новый чат, прикрепите оригинал и опишите изменение заново.

✅

Главное правило: Claude понимает обычный человеческий язык. Описывайте задачу так, как объяснили бы коллеге — что сейчас не так и каким должен быть результат. Не нужно знать никакого кода.