108 lines
11 KiB
HTML
108 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
@page { size: A4; margin: 12mm 12mm 10mm 12mm; }
|
|
* { 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; display: flex; justify-content: space-between;
|
|
align-items: center; gap: 16px; }
|
|
.head h1 { margin: 0; font-size: 19px; }
|
|
.head .sub { color: #2E9E8F; font-weight: bold; font-size: 12px; margin-top: 2px; }
|
|
.head .lead { text-align: right; font-size: 10px; color: #C9D6E4; line-height: 1.4; }
|
|
.head .lead b { color: #fff; font-size: 11.5px; }
|
|
|
|
.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; }
|
|
|
|
.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">
|
|
<div>
|
|
<h1>ИИ для социального предпринимательства</h1>
|
|
<div class="sub">Раздатка участника · 5 готовых промптов</div>
|
|
</div>
|
|
<div class="lead">
|
|
Ведущий<br><b>Бойко Кирилл</b><br>
|
|
Председатель республиканского<br>отделения ОО «ОПОРА РОССИИ»
|
|
</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="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>
|