121 lines
12 KiB
HTML
121 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
@page { size: A4; margin: 12mm 16mm 11mm 16mm; }
|
|
* { box-sizing: border-box; }
|
|
body { font-family: "DejaVu Sans", Arial, sans-serif; color: #1A222E;
|
|
margin: 0; font-size: 10.2px; line-height: 1.35; }
|
|
.head { background: #0F2A4A; color: #fff; border-radius: 8px;
|
|
padding: 12px 16px; }
|
|
.head h1 { margin: 0; font-size: 20px; }
|
|
.head .sub { color: #2E9E8F; font-weight: bold; font-size: 12px; margin-top: 2px; }
|
|
.head .host { margin-top: 9px; padding-top: 8px;
|
|
border-top: 1px solid rgba(201,214,228,.25);
|
|
font-size: 10.5px; color: #C9D6E4; }
|
|
.head .host b { color: #fff; }
|
|
.head .host-lbl { color: #2E9E8F; font-weight: bold; text-transform: uppercase;
|
|
letter-spacing: .6px; font-size: 8.5px; margin-right: 8px; }
|
|
|
|
.section-title { font-size: 13px; font-weight: bold; color: #0F2A4A;
|
|
margin: 12px 0 6px; border-left: 4px solid #2E9E8F; padding-left: 8px; }
|
|
|
|
.formula { display: flex; gap: 6px; }
|
|
.fcell { flex: 1; text-align: center; background: #2E9E8F; color: #fff;
|
|
font-weight: bold; font-size: 11.5px; padding: 7px 4px; border-radius: 6px; }
|
|
.formula-note { font-size: 9.5px; color: #4A5563; margin-top: 5px; }
|
|
|
|
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
|
|
.card { border: 1px solid #D3DEE9; border-radius: 7px; padding: 8px 10px;
|
|
background: #F7FAFD; break-inside: avoid; }
|
|
.card-head { font-weight: bold; color: #0F2A4A; font-size: 11.5px;
|
|
margin-bottom: 4px; display: flex; align-items: center; gap: 7px; }
|
|
.num { display: inline-flex; width: 18px; height: 18px; border-radius: 50%;
|
|
background: #E87A2B; color: #fff; font-size: 11px; align-items: center;
|
|
justify-content: center; flex: none; }
|
|
.prompt { font-size: 9.3px; color: #2A3441; }
|
|
|
|
.bonus { display: flex; gap: 10px; align-items: baseline; margin-top: 10px;
|
|
background: #0F2A4A; color: #fff; border-radius: 7px; padding: 8px 12px; }
|
|
.bonus-tag { flex: none; background: #E87A2B; color: #fff; font-weight: bold;
|
|
font-size: 9px; letter-spacing: .6px; padding: 3px 9px; border-radius: 10px;
|
|
text-transform: uppercase; }
|
|
.bonus-text { font-size: 9.6px; line-height: 1.35; color: #DCE6F0; }
|
|
.bonus-text b { color: #fff; }
|
|
|
|
.bottom { display: flex; gap: 10px; margin-top: 10px; align-items: stretch; }
|
|
.risks { flex: 1; border: 1px solid #F0C9A8; background: #FDF4EC;
|
|
border-radius: 7px; padding: 8px 10px; }
|
|
.risks h3 { margin: 0 0 4px; font-size: 11px; color: #B4571A; }
|
|
.risks p { margin: 2px 0; font-size: 9.3px; color: #5A3A22; }
|
|
.qrbox { width: 120px; border: 1px solid #D3DEE9; border-radius: 7px;
|
|
padding: 6px; text-align: center; background: #fff; flex: none; }
|
|
.qrbox img { width: 104px; height: 104px; }
|
|
.qrbox .cap { font-size: 8px; color: #4A5563; margin-top: 3px; line-height: 1.25; }
|
|
.foot { margin-top: 8px; text-align: center; font-size: 8.5px; color: #8A95A3; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="head">
|
|
<h1>Нейросети для добрых дел</h1>
|
|
<div class="sub">Практический мастер-класс · 5 готовых промптов для социального предпринимателя</div>
|
|
<div class="host"><span class="host-lbl">Ведущий</span><b>Бойко Кирилл</b> — Председатель республиканского отделения ОО «ОПОРА РОССИИ»</div>
|
|
</div>
|
|
|
|
<div class="section-title">Формула промпта — 5 элементов</div>
|
|
<div class="formula"><div class="fcell">Роль</div><div class="fcell">Задача</div><div class="fcell">Контекст</div><div class="fcell">Формат</div><div class="fcell">Ограничения</div></div>
|
|
<div class="formula-note">
|
|
Замените текст в [квадратных скобках] на свои данные. Чем конкретнее контекст и формат —
|
|
тем лучше результат. Если ответ не нравится — не начинайте заново, а уточните: «сделай короче»,
|
|
«добавь цифры», «другой тон».
|
|
</div>
|
|
|
|
<div class="section-title">5 готовых промптов — копируйте и подставляйте свои данные</div>
|
|
<div class="grid">
|
|
<div class="card">
|
|
<div class="card-head"><span class="num">1</span>Заявка на грант</div>
|
|
<div class="prompt">Ты опытный специалист по грантам. Помоги написать раздел заявки «Описание проекта». Проект: [название и суть]. Проблема: [какую проблему решаем]. Целевая аудитория: [кому помогаем]. Наши результаты: [что уже сделали]. Формат: до 1500 знаков, структура — проблема, решение, результат. Тон деловой, но без канцелярита. Задай уточняющие вопросы, если данных не хватает.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-head"><span class="num">2</span>Контент-план для соцсетей</div>
|
|
<div class="prompt">Ты SMM-специалист НКО. Составь контент-план на 1 месяц (12 постов) для проекта [название]. Аудитория: [кто]. Цели: рассказать о проекте, привлечь волонтёров и доноров. Формат: таблица — дата, тема поста, цель, призыв к действию. Темы подбери разные: истории, факты, призывы, благодарности. Без канцелярита.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-head"><span class="num">3</span>Письмо партнёру</div>
|
|
<div class="prompt">Ты фандрайзер с 10-летним опытом. Напиши письмо потенциальному партнёру. Проект: [суть]. Нужна поддержка: [сумма или ресурс]. Почему важно: [значимость]. Формат: до 200 слов, тёплый уважительный тон, один конкретный призыв к действию, без давления. Предложи 2 темы письма на выбор.</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-head"><span class="num">4</span>Отчёт для фонда</div>
|
|
<div class="prompt">Ты специалист по отчётности НКО. Преобразуй мои сырые заметки в структурированный отчёт для фонда. Заметки: [вставьте текст]. Формат: разделы «Что сделано», «Результаты в цифрах», «Трудности», «Планы». Тон официальный, но живой. Не добавляй данные, которых нет в заметках; если чего-то не хватает, отметь [нужно уточнить].</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-head"><span class="num">5</span>Идеи и стратегия развития</div>
|
|
<div class="prompt">Ты стратег по развитию социальных проектов. Проведи мозговой штурм: предложи 20 идей развития проекта [название] — новые услуги, партнёрства, источники финансирования, способы вовлечь сообщество. Контекст: [кратко о проекте и ресурсах]. Формат: нумерованный список, каждая идея — 1–2 предложения и ожидаемый эффект. Раздели на «быстрые» и «долгосрочные».</div>
|
|
</div></div>
|
|
|
|
<div class="bonus">
|
|
<span class="bonus-tag">Бонус</span>
|
|
<span class="bonus-text"><b>ИИ-агенты</b> — следующий шаг. Чат-бот отвечает, а агент <b>делает</b>:
|
|
работает с файлами, подключает сервисы (почта, календарь), автоматизирует рутину. Пример — <b>OpenWork</b>.
|
|
Больше — в моём Telegram-канале по QR-коду.</span>
|
|
</div>
|
|
|
|
<div class="bottom">
|
|
<div class="risks">
|
|
<h3>Важно: проверяйте и берегите данные</h3>
|
|
<p>• <b>Факты и цифры</b> — нейросеть может уверенно ошибаться, всегда проверяйте.</p>
|
|
<p>• <b>Персональные данные</b> — не вводите ФИО, адреса, медицинские данные.</p>
|
|
<p>• <b>Авторские права</b> — проверяйте права на сгенерированные картинки и тексты.</p>
|
|
<p>• <b>Ответственность</b> — за итоговый документ всегда отвечает человек.</p>
|
|
</div>
|
|
<div class="qrbox">
|
|
<img src="data:image/png;base64,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" alt="QR">
|
|
<div class="cap">Мой Telegram-канал:<br>@kirill_bouko_it</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="foot">Российское общество «Знание» · «Нейросети для добрых дел» · 30 минут</div>
|
|
</body>
|
|
</html>
|