qvib.pro
EN

Claude Project — конвейер HTML-каруселей

Как настроить Claude Project с системным промптом и HTML-шаблоном со слотами, чтобы тема на входе превращалась в готовую HTML-карусель.

prompts content skills профи

Claude Projects — рабочее пространство с общей базой знаний (Project Knowledge) и инструкциями, общими для всех чатов внутри проекта — по офиц. Help Center Anthropic проверено 2026-07-16

Обновлено: 16.07.2026

Открыть источник ↗

Если делаешь карусели регулярно, копировать один и тот же промпт с шаблоном каждый раз — потеря времени. Решение — собрать всё внутри одного Claude Project: шаблон, стиль и жёсткий системный промпт, который заставляет Claude отдавать готовый HTML-файл, а не артефакт с пояснениями. Разбираем механику по шагам, с рабочим системным промптом целиком.

Почему именно Project, а не обычный чат

В обычном чате приходится заново объяснять стиль, структуру слайдов и формат вывода в каждом диалоге. Project решает это один раз: файлы шаблона, примеры и инструкции по стилю лежат в Project Knowledge, а системный промпт задаёт правила для каждого нового запроса внутри проекта. Ты просто пишешь тему — весь остальной контекст Claude берёт из проекта.

Шаг 1 — создать Project и загрузить базу

Создаёшь новый Project в Claude и кладёшь в Project Knowledge то, что должно быть под рукой постоянно: HTML-шаблон карусели, примеры готовых постов, описание своего тона подачи.

В инструкциях проекта стоит явно прописать:

  • тон и стиль подачи (экспертный, разговорный, ироничный — что подходит именно тебе);
  • структуру слайдов (сколько слайдов, что на первом, что в конце);
  • вид текста (короткие предложения, без канцелярита, с конкретными примерами);
  • ограничения — что точно не использовать (клише, преувеличения, выдуманные цифры).

Дальше каждый новый чат внутри этого Project наследует все эти настройки автоматически.

Шаг 2 — системный промпт со строгими правилами вывода

Без явных ограничений Claude по умолчанию норовит объяснить, что он сделал, обернуть код в markdown-ограждения или предложить открыть результат как артефакт вместо файла. Системный промпт снимает эту проблему целиком:

Ты генерируешь HTML-карусели по шаблону из Project Knowledge.
Единственная задача: заполнить {{слоты}} в шаблоне и вывести
готовый HTML. Больше ничего.

СТРОГИЕ ПРАВИЛА ВЫВОДА
Выводи только сырой HTML — от <!DOCTYPE html> до </html>.
Ноль текста до или после кода.
Никакого markdown, никаких ``` html-ограждений, никаких пояснений.
Не используй Артефакты, не рендери код инлайн.
Не меняй CSS и JS — только заполняй слоты шаблона.

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

Шаг 3 — вход: тема или готовый текст

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

Шаг 4 — правки словами, а не кодом

Главное преимущество такой связки — редактировать можно на уровне смысла, а не вёрстки: «сделай хук сильнее», «сократи текст на третьем слайде», «убери один слайд из середины». Claude переписывает HTML-файл целиком с учётом правки, а ты не трогаешь код руками.

Шаблон со слотами: что внутри

HTML-шаблон, который лежит в Project Knowledge, должен содержать явные плейсхолдеры — {{title}}, {{slide_2_text}} и так далее — под каждый элемент карусели: заголовок, подзаголовок, текст слайдов, код или цитаты. Именно эти плейсхолдеры системный промпт и просит заполнять, не трогая остальную вёрстку, стили и скрипты.

Типичная ошибка при настройке

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

Как это делаем мы

Именно по такому принципу — Project (или его аналог) плюс строгий системный промпт плюс шаблон с плейсхолдерами — устроен наш собственный конвейер генерации контента для движка qvib: не один большой промпт «сделай красиво», а связка стабильного шаблона и жёстких правил вывода поверх модели.

Ссылки по теме

  • Раздел «Промпты»: qvib.pro/arsenal/prompts/
  • HTML-шаблоны для контента: qvib.pro/arsenal/html-templates/
  • Как устроен движок qvib: qvib.pro/