From edf20f41db8b08e310661da2137dc55fa818a140 Mon Sep 17 00:00:00 2001 From: Alfiya Adi Date: Mon, 1 Jun 2026 05:22:19 +0000 Subject: [PATCH] =?UTF-8?q?=D0=98=D0=BD=D1=81=D1=82=D1=80=D1=83=D0=BA?= =?UTF-8?q?=D1=86=D0=B8=D1=8F=20=D0=B4=D0=BB=D1=8F=20=D0=BC=D0=B5=D0=BD?= =?UTF-8?q?=D0=B5=D0=B4=D0=B6=D0=B5=D1=80=D0=BE=D0=B2=20Samruk-Kazyna=20Tr?= =?UTF-8?q?ust?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- AGENTS.md | 173 +++++++++++++++++++++ design.md | 110 +++++++++++++ index.html | 449 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 732 insertions(+) create mode 100644 AGENTS.md create mode 100644 design.md create mode 100644 index.html diff --git a/AGENTS.md b/AGENTS.md new file mode 100644 index 0000000..54e5941 --- /dev/null +++ b/AGENTS.md @@ -0,0 +1,173 @@ + +# Vibe42 — учебная песочница для лендингов + +Workspace юзера `Alfiya_Adi`. Это **учебная среда**, где обычные люди (не разработчики) пробуют сделать свой первый сайт. + +--- + +## 🎯 ТВОЯ РОЛЬ + +Ты — **гид и помощник**, а не слепой исполнитель. Цель сессии — чтобы юзер вышел с: +1. **рабочим лендингом**, опубликованным по адресу `https://pages.git.vibe42.kz/Alfiya_Adi//`, +2. ощущением «это было легко» — без серверов, БД, токенов, конфигов. + +Юзер не разработчик. Ему важен **результат, который видно в браузере**, а не код. + +--- + +## 🗺 СЦЕНАРИЙ ПЕРВОГО ЗАХОДА (юзер только зашёл, ещё ничего нет) + +1. Поздоровайся коротко: «Привет! Тут за 10 минут собираем лендинг и публикуем его в интернете. О чём хочешь сделать?» +2. Если он не знает — предложи **4 конкретных идеи** (выбирай близкие к нему, не абстрактные): + - Промо хобби (фотография / музыка / спорт) + - Резюме / personal page с контактами + - Афиша мероприятия (концерт, день рождения, мастер-класс) + - Меню заведения / прайс услуг + - Лендинг продукта или будущего проекта (waitlist) +3. Уточни **2 короткие детали**: стиль (тёмный/светлый/яркий) и главную цель (рассказать / собрать заявку / показать работы). +4. Сразу делай `./new-project ` и собирай страницу. Не спрашивай разрешения на каждый шаг. + +--- + +## 💬 ЕСЛИ ЮЗЕР ОТВЕЧАЕТ РАСПЛЫВЧАТО + +Юзер говорит «сделай что-нибудь» / «ну хз» / «сюрприз» → **не делай ничего абстрактного**. + +Скажи: «Давай определимся, я задам 3 коротких вопроса: +1. Это для тебя лично, для проекта/бизнеса, или для события? +2. Главная цель — рассказать о чём-то / собрать заявку / показать портфолио? +3. Любимое настроение — строгое тёмное, лёгкое светлое, яркое цветное?» + +После ответов **сразу** предложи 2 конкретных варианта названия+структуры. Дай выбрать и иди делать. + +--- + +## 🚫 ЕСЛИ ЮЗЕР ХОЧЕТ СЛОЖНОЕ — ПЕРЕФОРМУЛИРУЙ В ЛЕНДИНГ + +| Запрос | Что делаем вместо | +|--------|-------------------| +| «магазин с корзиной» | лендинг с товарами + кнопка «купить» = ссылка на WhatsApp / Telegram | +| «соцсеть» | лендинг будущего проекта + waitlist-форма (Formspree / Getform) | +| «блог с админкой» | personal-page + ссылки на статьи в Telegram/Medium | +| «приложение для записи» | лендинг услуги + ссылка на Calendly / WhatsApp | +| «сайт с входом юзеров» | публичный лендинг без логина (нам логин не нужен) | +| «бот в Telegram» | лендинг с описанием бота + кнопка `t.me/...` | + +**Не говори «это невозможно».** Скажи: «У нас песочница только для статических сайтов. Давай сделаем лендинг, который покажет твою идею — а кнопки/формы свяжем с готовыми сервисами (WhatsApp, Telegram, Formspree)». Юзер счастлив, результат за 15 минут. + +--- + +## 📐 ШАБЛОНЫ СТРАНИЦ (выбирай под идею юзера) + +### A — Промо продукта/услуги +**Секции:** Hero (заголовок + подзаголовок + CTA-кнопка) → 3-4 преимущества (иконка emoji + текст) → социальное доказательство (отзыв или цифра) → CTA (кнопка/телефон/мессенджер). + +### B — Personal / резюме +**Секции:** Hero (фото-аватарка + имя + одна фраза «кто я») → О себе (1-2 абзаца) → 3-5 карточек проектов/опыта → Контакты (email, telegram, github как ссылки-кнопки). + +### C — Афиша мероприятия +**Секции:** Hero (название + дата + место крупно) → Программа (список с временем) → Локация (картинка-placeholder + адрес) → Регистрация (форма Formspree или контакт). + +### D — Меню / прайс +**Секции:** Hero (название + слоган) → Меню/прайс (категории с ценами) → Контакты (телефон, адрес, часы работы, карта-картинка). + +### E — Waitlist для будущего проекта +**Секции:** Hero (название проекта + одна фраза + email-форма) → 3 фичи «что будет» → FAQ (3 пункта) → CTA (та же email-форма). + +Все шаблоны — **одна страница, прокрутка вниз**. Никаких роутов, ничего динамического. + +--- + +## ⚡ РИТУАЛ ПОСЛЕ ПЕРВОГО ЗАПУСКА + +Как только готов первый рабочий вариант (даже грубый): + +1. **Сразу запушь:** + ```bash + git add -A + git commit -m "v1" + git push origin HEAD:pages + ``` +2. **ОБЯЗАТЕЛЬНО** дай юзеру ссылку **жирно**: + > 🎉 Готово! Твой лендинг здесь: **https://pages.git.vibe42.kz/Alfiya_Adi//** +3. Скажи: «Открой в новой вкладке, посмотри. Что хочешь поменять?» +4. Дальше короткие итерации: правка → push → новый URL-показ. Каждые 2-3 правки — push. + +--- + +## ⚠️ ЖЕЛЕЗНЫЕ ПРАВИЛА (НЕ нарушать никогда) + +1. **Только статика — HTML + CSS + JS в браузере.** +2. **Никакого бэкенда.** Никаких Node/Express/FastAPI/Django/PHP/Go-серверов. Никаких БД. Никакого Redis. +3. **Никакой аутентификации / OAuth / JWT.** +4. **Никакого Docker, nginx, sudo, системных настроек.** +5. **Никаких тяжёлых сборщиков** (`npm install` дерево на 500МБ). Tailwind — только через CDN. +6. **НИКОГДА `git init` в workspace root (`/workspaces/Alfiya_Adi`)** — это папка-контейнер юзера, не репозиторий. + +--- + +## ✅ ВСЕГДА работай через `./new-project` + +Если юзер сказал «сделай сайт NAME» / «создай проект NAME»: + +```bash +cd /workspaces/Alfiya_Adi +./new-project NAME # создаёт repo в Gitea + клонит локально в ./NAME/ +cd NAME +# теперь создавай index.html / style.css / script.js внутри ./NAME +``` + +`./new-project` сам создаёт repo, клонит, и копирует туда `AGENTS.md` + `design.md`. + +--- + +## 🌐 Git и публикация + +**НЕТ GitHub.** Self-hosted git: **https://git.vibe42.kz** + +- Профиль юзера: https://git.vibe42.kz/Alfiya_Adi +- Pages (живые лендинги): https://pages.git.vibe42.kz/Alfiya_Adi// +- Креды уже в `/workspaces/Alfiya_Adi/.git-credentials` — git push/clone работают без пароля +- **НЕ спрашивай юзера про GitHub URL / токен** — их не нужно + +### Опубликовать лендинг + +```bash +git add -A +git commit -m "site" +git push origin HEAD:pages +``` + +Ветка **`pages`** (Caddy её обслуживает; `gh-pages` тоже работает как fallback). Push → лендинг доступен мгновенно. + +--- + +## 🔧 Когда что-то идёт не так + +- **Pages 404** → запушь ветку `pages` снова: `git push origin HEAD:pages -f` +- **Не дёргай Gitea API типа `/repos/.../pages`, `/settings/pages`, `/deploy_keys`** — их нет +- **Не пытайся «настроить Pages через UI Gitea»** — Pages у нас работают только через push в ветку `pages` +- Запуталось — сделай новый чистый проект через `./new-project NAME-v2`, перенеси туда работающий index.html + +--- + +## ❌ Чего НЕ делать НИКОГДА + +- ❌ `git init` в workspace root +- ❌ `npm install` с прод-зависимостями (express/mongoose/pg/prisma/next/nuxt) +- ❌ Создавать `server.js` / `app.py` / `main.go` как backend +- ❌ Использовать `gh` CLI или GitHub API +- ❌ Вызывать Gitea Pages-API (его нет) +- ❌ Долгое отлаживание Pages — почти всегда решение «push HEAD:pages» +- ❌ Просить юзера ввести токен/URL/пароль — всё уже настроено +- ❌ Задавать юзеру 10 вопросов подряд (максимум 2-3 за раз) +- ❌ Показывать юзеру голый код больше 1 раза — ему важен результат, а не как написано +- ❌ Предлагать «давай сначала дизайн в Figma» — мы делаем сразу в HTML +- ❌ Говорить «это сложно» — переформулируй в простое +- ❌ Зависать в обсуждениях — сделай первый вариант грубо, потом итерируй + +--- + +## 🎨 design.md + +Рядом лежит `design.md` с готовой палитрой, типографикой и стартер-шаблоном `index.html`. **Начинай с него.** Не выдумывай новые цвета — модифицируй существующие. diff --git a/design.md b/design.md new file mode 100644 index 0000000..5c8e829 --- /dev/null +++ b/design.md @@ -0,0 +1,110 @@ + +# Design system — Vibe42 песочница + +Базовые цвета и типографика для лендингов. Можно отклоняться, но начинай с этого. + +## Палитра + +| Token | Hex | Использование | +|-------|-----|---------------| +| `--ink` | `#0F1218` | Тёмный фон / основной текст | +| `--cyan` | `#00E5FF` | Основной акцент (кнопки, лого) | +| `--cyan-50` | `#E8FCFF` | Светлая подложка для акцентов | +| `--white` | `#FFFFFF` | Основной фон | +| `--gray-500` | `#5B6573` | Вторичный текст | +| `--gray-100` | `#F2F4F7` | Сепараторы / тонкие фоны | + +## Типографика + +```css +font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif; +``` + +| Уровень | Размер | Вес | line-height | +|---------|--------|-----|-------------| +| h1 (hero) | 56px | 800 | 1.05 | +| h2 (section) | 36px | 700 | 1.15 | +| h3 | 22px | 700 | 1.3 | +| body | 17px | 400 | 1.6 | +| small | 14px | 400 | 1.5 | + +На мобиле — h1 уменьши до 36px, h2 до 28px. + +## Лейаут + +- max-width контента: **1140px** (контейнер с padding по бокам) +- секция: `padding: 80px 24px` (мобила: `48px 20px`) +- gap между блоками внутри секции: `24-32px` +- border-radius: `8px` (кнопки, карточки), `16px` (большие карточки) + +## Кнопки + +```css +.btn-primary { + background: var(--cyan); color: var(--ink); + padding: 14px 28px; border-radius: 8px; + font-weight: 700; text-decoration: none; + display: inline-block; +} +.btn-secondary { + background: transparent; color: var(--ink); + border: 2px solid var(--ink); + padding: 12px 26px; border-radius: 8px; +} +``` + +## Стартер `index.html` + +```html + + + + + +Мой проект + + + +
+
+

Заголовок проекта

+

Подзаголовок — пара предложений о чём это.

+ Начать +
+
+
+
+

Секция

+
Контент карточки.
+
Контент карточки.
+
+
+ + +``` + +## Чем НЕ пользоваться + +- Bootstrap, Material UI, Chakra, Ant Design — слишком тяжело и не нужно для лендинга +- Font Awesome — используй emoji (🚀 ⚡ ✨) или inline SVG +- jQuery — vanilla JS более чем достаточно + +## Чем МОЖНО (если очень надо) + +- **Tailwind через CDN**: `` — для прототипа OK +- **Lottie animations через CDN** +- **Placeholder картинки**: `https://picsum.photos/800/600`, `https://placehold.co/600x400` +- **Шрифты Google Fonts через ``** в head diff --git a/index.html b/index.html new file mode 100644 index 0000000..d086951 --- /dev/null +++ b/index.html @@ -0,0 +1,449 @@ + + + + + +Подготовка заключения — Samruk-Kazyna Trust + + + + +
+
+
Корпоративный фонд
+

Подготовка заключения по проекту

+

Пошаговая инструкция для менеджера Департамента проектного управления

+
⏱ Срок: 15 календарных дней
+
+
+ +
+ + +
+

📌 Общий порядок

+

Менеджер получает готовую карточку заявки от ИИ-ассистента — все документы уже проверены на комплектность, данные заявителя извлечены и сверены с реестрами. Задача менеджера — провести содержательный анализ, подготовить заключение и вынести проект на Попечительский совет.

+ +
⬇️
+ +
+ 5 этапов работы менеджера: +
    +
  1. Изучение карточки заявки — что пришло, от кого, на какую сумму, по какой программе
    2. +
  2. Анализ заявителя и проекта — камеральная проверка, содержательная экспертиза, связь с заявителем
    3. +
  3. Балльная оценка — расчёт по критериям
    4. +
  4. Написание заключения — по утверждённой структуре
    5. +
  5. Передача на согласование — руководителю ДПУ, далее на Попечительский совет
    6. +
+
+ +
+ ⚖️ Чем руководствоваться +
    +
  • Политика благотворительности АО «Самрук-Казына»
    • +
  • Благотворительная программа группы АО «Самрук-Казына»
    • +
  • Правила оказания и мониторинга благотворительности КФ «Samruk-Kazyna Trust»
    • +
  • Устав КФ «Samruk-Kazyna Trust»
    • +
  • Закон РК «О благотворительности» и 135-ФЗ РФ
    • +
+
+ +
+ 🔴 Принципы фонда — обязательны к соблюдению на всех этапах: + Законность · Равноправие · Добровольность · Гласность +
+
+ + +
+

1 Изучение карточки заявки

+

День 1. Начать сразу после получения карточки от ИИ-ассистента.

+ + + + + + + + + + +
Что проверяемКонкретное действие
ЗаявительЮрлицо или физлицо? Проверить ИИН/БИН, статус в ЕГРЮЛ (действующее, не в ликвидации)
ПрограммаПо какой благотворительной программе подана заявка? Соответствует ли проект приоритетам?
СуммаВходит ли в лимиты программы? Нет ли превышения?
ДокументыВсе ли обязательные документы в наличии? (смета, календарный план, устав/паспорт, ИНН)
АдминистраторКакая НПО будет администратором проекта? Проверить её статус
+ +
+ 🚫 Если заявка не по адресу: + Вернуть с мотивировкой в течение 2 рабочих дней. Причина: несоответствие программе, неполный пакет, заявитель в стадии ликвидации. +
+
+ + +
+

2 Анализ заявителя и проекта

+

Дни 2–8. Самый объёмный этап. Делится на 4 подэтапа.

+ +

2.1 Камеральная проверка (дни 1–3)

+ + + + + + + + + + +
ПроверкаИнструмент
Статус юрлица / ИПЕГРЮЛ / ЕГРИП, портал НАО «Правительство для граждан»
Налоговая задолженностьКомитет государственных доходов РК, портал kgd.gov.kz
Судебные делаСудебный кабинет РК, реестр должников
Реестр недобросовестныхРеестр недобросовестных участников госзакупок РК
РепутацияОткрытые источники, СМИ, отзывы партнёров
СметаСравнить цены с рыночными (запросить 2–3 коммерческих предложения)
+ +

2.2 Содержательная экспертиза (дни 2–5)

+

Оценить логику проекта по цепочке:

+
+ Проблема → Цель → Задачи → Мероприятия → Ожидаемые результаты +
+
    +
  • Реальна ли проблема, которую решает проект? Подтверждена ли она данными?
    • +
  • Измеримы ли показатели? (не «помочь детям», а «обучить 150 детей, провести 10 мастер-классов»)
    • +
  • Реалистичен ли календарный план? Нет ли накладок по датам?
    • +
  • Соответствует ли проект приоритетам фонда: соц/мед помощь, региональное развитие, человеческий потенциал?
    • +
  • Есть ли собственный вклад заявителя или софинансирование?
    • +
+ +

2.3 Коммуникация с заявителем (дни 3–6)

+
    +
  • Провести звонок / видеовстречу — понять мотивацию команды, задать уточняющие вопросы
    • +
  • Запросить недостающие пояснения — письменно, через email
    • +
  • Связаться с НПО-администратором — подтвердить готовность администрировать проект
    • +
  • Все контакты фиксировать в карточке заявки (дата, суть разговора, результат)
    • +
+ +

2.4 Оценка по критериям (день 7–8)

+

Каждый критерий — от 0 до 5 баллов. Заполнять оценочный лист сразу по ходу анализа.

+ + + + + + + + + + + +
#КритерийЧто оцениваемВес
1Соответствие принципамЗаконность, равноправие, добровольность, гласность — соблюдены?Высокий
2Соответствие миссииСовпадает ли цель с уставными задачами КФ «Samruk-Kazyna Trust»?Высокий
3Социальная значимостьСколько людей получат помощь? Решаема ли проблема? Измеримы ли результаты?Высокий
4РеалистичностьРеальны ли сроки и бюджет? Есть ли у заявителя опыт и команда?Средний
5Финансовая обоснованностьЦены рынку соответствуют? Админ-расходы ≤ 20%?Средний
6УстойчивостьЧто после финансирования? Есть ли план продолжения?Низкий
+ + + + + + + + + + + +
БаллЗначение
5Превосходно — полностью соответствует, подтверждено
4Хорошо — мелкие замечания
3Удовлетворительно — требуется доработка
2Слабо — серьёзные пробелы
1Неудовлетворительно
0Нет данных
+ +
+ ✅ Пороговые значения: +
    +
  • ≥ 20 баллов (из 30) — рекомендуется к финансированию
    • +
  • 18–19 баллов — на дополнительное обсуждение руководителя ДПУ
    • +
  • < 18 баллов — не рекомендуется
    • +
+
+
+ + +
+

3 Написание заключения

+

Дни 9–13. По результатам анализа менеджер готовит письменное заключение.

+ +

Структура заключения (обязательные разделы)

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
РазделСодержание
1. ШапкаДата, № заявки, ФИО менеджера, название проекта, заявитель (БИН/ИИН), запрашиваемая сумма, программа
2. Описание проекта2–3 абзаца: проблема → цель → что будет сделано → ожидаемый результат. Писать сухо, по фактам.
3. Оценочный листТаблица с баллами по каждому из 6 критериев + краткое обоснование каждого балла
4. Сильные стороныМинимум 2 пункта — что в проекте хорошо (опыт команды, актуальность проблемы, софинансирование, инновационность)
5. Риски и слабые стороныМинимум 2 пункта + предложения по минимизации каждого риска
6. Финансовый комментарийОбоснованность бюджета, замечания по статьям, рекомендации по корректировке. Доля админ-расходов.
7. Вывод + Один из трёх:
+ • «Рекомендуется к финансированию в полном объёме»
+ • «Рекомендуется к финансированию с условиями» (перечислить)
+ • «Не рекомендуется к финансированию» (обосновать) +
8. ПодписьФИО, должность, дата, место для подписи
+ +
+ 📝 Используемые формы: +
    +
  • Бланк заключения — форма № ЗКЛ-01
    • +
  • Оценочный лист — форма № ОЦ-01
    • +
  • Чек-лист проверки — форма № ЧЛ-01
    • +
+
+ +
+ 🚫 Категорически запрещено: +
    +
  • Принимать решение на основе личных отношений
    • +
  • Скрывать конфликт интересов (заявитель — родственник / друг)
    • +
  • Пропускать этап камеральной проверки
    • +
  • Нарушать срок в 15 дней без служебной записки
    • +
  • Вносить в заключение непроверенные данные
    • +
+
+
+ + +
+

4 Согласование и Попечительский совет

+

Дни 13–15.

+ +

4.1 Маршрут

+
+ Менеджер → Руководитель ДПУ → Попечительский совет → Протокол → Уведомление заявителя +
+ +
    +
  1. Менеджер передаёт заключение руководителю Департамента проектного управления
    2. +
  2. Руководитель ДПУ проверяет заключение, при необходимости возвращает на доработку
    3. +
  3. Одобренное заключение выносится на Попечительский совет (под председательством Управляющего директора АО «Самрук-Казына»)
    4. +
  4. Попечительский совет принимает окончательное решение, оформляется протоколом
    5. +
  5. Администратором проекта назначается неправительственная организация (НПО) — если не была определена ранее
    6. +
+ +

4.2 Уведомление заявителя

+
    +
  • В течение 3 рабочих дней после протокола Совета — направить письменный ответ
    • +
  • Одобрение: приложить договор / соглашение для подписания
    • +
  • Отказ: указать мотивированные причины со ссылкой на критерии оценки
    • +
  • Условное одобрение: перечислить условия, сроки, контакты НПО-администратора
    • +
+ +

4.3 Мониторинг (после одобрения)

+
    +
  • Менеджер передаёт проект НПО-администратору и остаётся куратором
    • +
  • НПО предоставляет отчёты по графику (ежеквартально или согласно договору)
    • +
  • Менеджер контролирует целевое использование средств и сроки
    • +
+
+ + +
+

📋 Сводная таблица сроков

+ + + + + + + + + + + + + + +
ДеньДействие
1Изучение карточки заявки от ИИ-ассистента
1–3Камеральная проверка заявителя и документов
2–5Содержательная экспертиза проекта
3–6Коммуникация с заявителем и НПО
7–8Балльная оценка по критериям
9–13Написание заключения
13–15Согласование, Попечительский совет, уведомление
ИТОГО: 15 календарных дней
+
+ + +
+

❓ Часто задаваемые вопросы

+ +

Что делать, если заявитель не отвечает на запросы?

+

Направить повторный запрос через 3 рабочих дня. При отсутствии ответа ещё 5 дней — приостановить рассмотрение. Срок 15 дней приостанавливается до получения ответа.

+ +

Можно ли продлить срок сверх 15 дней?

+

Только по согласованию с руководителем ДПУ при объективных причинах. Оформляется служебной запиской.

+ +

Что делать при конфликте интересов?

+

Немедленно уведомить руководителя ДПУ письменно. Заявка передаётся другому менеджеру. Сокрытие конфликта интересов — дисциплинарное нарушение.

+ +

Кто выступает администратором проекта?

+

Администраторами проектов являются неправительственные организации (НПО), отбираемые на конкурсной основе. Менеджер взаимодействует с НПО на всех этапах реализации.

+ +

Куда обращаться по вопросам комплаенс?

+

Комплаенс-офицер КФ «Samruk-Kazyna Trust» — Ешанкулов Мурат Еркинбекович. Подотчётен напрямую Попечительскому совету. Горячая линия: +7 (778) 500 15 41 или hotline@sk-trust.kz.

+
+ +
+

Корпоративный фонд «Samruk-Kazyna Trust» · Внутренний регламент · Июнь 2026

+
+ +
+ + +