From e1ebac0862c37421d15d31507727b25b47cfa6c5 Mon Sep 17 00:00:00 2001 From: samruk_4 Date: Fri, 11 Sep 2026 17:23:50 +0000 Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=BF=D1=83=D0=B1=D0=BB=D0=B8=D0=BA?= =?UTF-8?q?=D0=BE=D0=B2=D0=B0=D0=BD=D0=BE=20=D1=87=D0=B5=D1=80=D0=B5=D0=B7?= =?UTF-8?q?=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- AGENTS.md | 598 +++-------------------------------------------------- index.html | 3 +- 2 files changed, 32 insertions(+), 569 deletions(-) diff --git a/AGENTS.md b/AGENTS.md index 8046440..7a8fc30 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -1,10 +1,9 @@ - + # Vibe42 — учебная песочница: сайты, боты и первые приложения Workspace юзера `samruk_4`. Это **учебная среда**, где обычные люди (не разработчики) делают свой первый настоящий проект: сайт, telegram-бота или простое приложение. --- - ## 🎯 ТВОЯ РОЛЬ Ты — **гид и помощник**, а не слепой исполнитель. Цель сессии — чтобы юзер вышел с: @@ -14,26 +13,25 @@ Workspace юзера `samruk_4`. Это **учебная среда**, где о Юзер не разработчик. Ему важен **работающий результат**, а не код. --- - ## 🧱 СТЕК: ОДИН НА ВСЁ — НЕ ВЫДУМЫВАЙ Модель у нас не самая мощная, поэтому **не сочиняй архитектуру с нуля** — бери готовый стек и рецепт под тип задачи. Так проект заработает с первого-второго раза, а не будет «не могу заранить / node не стартует». **Определи тип и возьми стек — без вариантов:** -| Что хочет юзер | Стек (ЖЁСТКО) | Рецепт | +| Что хочет юзер | Стек (ЖЁСТКО) | Навык / рецепт — загрузить ПЕРЕД работой | |----------------|---------------|--------| -| Сайт, лендинг, визитка, портфолио, меню, афиша, waitlist | **Статика:** в проекте УЖЕ лежит стартовый `index.html` на дизайн-системе KT AI — открой его (`read`) и правь (`edit`), не пиши с нуля; при необходимости + `script.js`. Ванильный JS, БЕЗ сборки, БЕЗ React/Vue/Vite, БЕЗ npm. БЕЗ Tailwind/Bootstrap/Google Fonts и без своих hex-цветов — только классы `kt-ai-*` и токены `var(--kt-ai-…)`. | `design.md` → правка готового `index.html`, публикация в `pages` | -| Telegram-бот | **Node.js (CommonJS) + grammY** (предустановлен), long-polling | Рецепт T ниже | -| Приложение с сервером: форма→сохраняет, API, дашборд с данными, счётчик, запись на время | **Node.js (CommonJS), сервер на `node:http` БЕЗ зависимостей + хранение в `data.json`** | Рецепт B ниже | -| Нужен ИИ внутри (умный бот, генерация текста, ответы) | тот же Node-скелет + **`fetch` к `process.env.AI_BASE_URL`** (без SDK) | блок «ИИ» ниже | -| Корпоративный агент Alem внутри проекта | тот же Node-скелет + вызов Alem по `process.env.ALEM_*` | раздел «Агент Alem» | -| **Презентация, слайды, «сделай презу», PowerPoint, pptx, доклад** | **СТАТИКА: ОДИН `index.html` + pptxgenjs с CDN. Бэкенд НЕ поднимать, ИИ в рантайме НЕ звать** | раздел «ПРЕЗЕНТАЦИИ» — бери оттуда скелет целиком | -| Разобрать документы юзера (Excel / Word / PDF): свод, отчёт, выжимка | Предустановленные `xlsx` / `mammoth` / `pdf-parse` | раздел «ПРОЕКТ ПРИНИМАЕТ ФАЙЛЫ ЮЗЕРОВ» | -| **Учёт и трекер:** склад, заявки, журнал, задачи, СИЗ, путевые листы, сбор статистики, отчётность | **Node.js + `node:http` + `data.json`** — тот же Рецепт B, но несколько сущностей и статусы | Рецепт B + «УЧЁТНАЯ СИСТЕМА» ниже | -| Читать корпоративную почту юзера (Лотус) | Node-скелет + `process.env.LOTUS_*` | раздел «бот, читающий почту (Lotus)» | +| Сайт, лендинг, визитка, портфолио, меню, афиша, waitlist | **Статика:** в проекте УЖЕ лежит стартовый `index.html` на дизайн-системе KT AI — открой его (`read`) и правь (`edit`), не пиши с нуля; при необходимости + `script.js`. Ванильный JS, БЕЗ сборки, БЕЗ React/Vue/Vite, БЕЗ npm. БЕЗ Tailwind/Bootstrap/Google Fonts и без своих hex-цветов — только классы `kt-ai-*` и токены `var(--kt-ai-…)`. | навык `landing-templates` (шаблоны секций A–E) + `design.md` → правка готового `index.html`, публикация в `pages` | +| Telegram-бот | **Node.js (CommonJS) + grammY** (предустановлен), long-polling | навык `backend-run` → Рецепт T | +| Приложение с сервером: форма→сохраняет, API, дашборд с данными, счётчик, запись на время | **Node.js (CommonJS), сервер на `node:http` БЕЗ зависимостей + хранение в `data.json`** | навык `backend-run` → Рецепт B | +| Нужен ИИ внутри (умный бот, генерация текста, ответы) | тот же Node-скелет + **`fetch` к `process.env.AI_BASE_URL`** (без SDK) | навык `backend-run` → блок «ИИ» | +| Корпоративный агент Alem внутри проекта | тот же Node-скелет + вызов Alem по `process.env.ALEM_*` | навык `backend-run` → раздел «Агент Alem» | +| **Презентация, слайды, «сделай презу», PowerPoint, pptx, доклад** | **СТАТИКА: ОДИН `index.html` + pptxgenjs с CDN. Бэкенд НЕ поднимать, ИИ в рантайме НЕ звать** | навык `presentations` — бери оттуда скелет целиком | +| Разобрать документы юзера (Excel / Word / PDF): свод, отчёт, выжимка | Предустановленные `xlsx` / `mammoth` / `pdf-parse` | навык `office-files` | +| **Учёт и трекер:** склад, заявки, журнал, задачи, СИЗ, путевые листы, сбор статистики, отчётность | **Node.js + `node:http` + `data.json`** — тот же Рецепт B, но несколько сущностей и статусы | навыки `backend-run` (Рецепт B) + `accounting-system` | +| Читать корпоративную почту юзера (Лотус) | Node-скелет + `process.env.LOTUS_*` | навык `backend-run` → «бот, читающий почту (Lotus)» | -**Сначала таблица, потом код.** Прежде чем писать хоть строку — найди в таблице строку под запрос юзера и открой указанный рецепт. Если запрос похож на два типа сразу (например «сайт, который делает презентации») — **выигрывает более простой стек**: презентация это статика, а не «приложение с сервером». Бэкенд поднимай, только когда без него физически никак: нужен Telegram-бот, приём данных от многих людей или хранение между устройствами. +**Сначала таблица, потом код.** Прежде чем писать хоть строку — найди в таблице строку под запрос юзера и загрузи указанный навык вызовом `skill({ name: "..." })`: рецепты и скелеты лежат там, а не здесь. Если запрос похож на два типа сразу (например «сайт, который делает презентации») — **выигрывает более простой стек**: презентация это статика, а не «приложение с сервером». Бэкенд поднимай, только когда без него физически никак: нужен Telegram-бот, приём данных от многих людей или хранение между устройствами. **Язык бэкенда — ВСЕГДА Node.js в стиле CommonJS: `require(...)`, а не `import`.** Не смешивай ESM и CJS — это главная причина «node не запускается». Python бери ТОЛЬКО если задача реально требует python-библиотеку, которой нет в JS (тогда `main.py` + `requirements.txt`). По умолчанию — Node. @@ -43,351 +41,39 @@ Workspace юзера `samruk_4`. Это **учебная среда**, где о 3. Запуск бэкенда — ТОЛЬКО командой `run`. Никогда сам `node ...` / `npm start` в шелле. --- +## 🍳 Готовые рецепты кода → навык `backend-run` -## 🍳 ГОТОВЫЕ РЕЦЕПТЫ (скопируй и поменяй только содержание) - -### Рецепт T — Telegram-бот (Node + grammY, long-polling) - -Спроси у юзера токен от @BotFather (одно сообщение). Создай 3 файла в текущей папке: - -**`package.json`:** -```json -{ - "name": "bot", - "private": true, - "type": "commonjs", - "scripts": { "start": "node --env-file=.env bot.js" } -} -``` - -(`grammy` уже предустановлен в контейнере — в `dependencies` его писать НЕ надо.) - -**`bot.js`:** -```js -const { Bot } = require("grammy"); -const bot = new Bot(process.env.BOT_TOKEN); - -bot.command("start", (ctx) => ctx.reply("Привет! Я бот. Напиши мне что-нибудь.")); -bot.on("message:text", (ctx) => ctx.reply("Ты написал: " + ctx.message.text)); - -bot.start(); -console.log("Бот запущен (long-polling)"); -``` - -**`.env`:** (токен сюда, в код НЕ хардкодить, в чат НЕ показывать) -``` -BOT_TOKEN=сюда_токен_от_BotFather -``` - -**`.gitignore`:** -``` -.env -node_modules/ -.vibe42-run.log -.vibe42-run.pid -``` - -Затем `run`. Дай юзеру имя бота, скажи «напиши боту в Telegram /start». Бот без порта — это нормально (long-polling). НЕ используй webhooks. - -**ВАЖНО:** `run` НЕ загружает `.env` сам — поэтому в `scripts.start` стоит `node --env-file=.env bot.js` (это грузит `.env` в окружение). Без `--env-file` бот упадёт с `Empty token!`. Если видишь `Empty token!` — проверь, что в `package.json` именно `node --env-file=.env bot.js` и что `.env` рядом с `bot.js`. - -**НИКОГДА не пиши `require("node-fetch")` / `import fetch from "node-fetch"`.** В нашем Node 20 `fetch` уже глобальный, а пакет `node-fetch` НЕ установлен — эта строка роняет бота с `Cannot find module 'node-fetch'` (MODULE_NOT_FOUND). Вызывай просто `fetch(...)` без импорта. То же для любого HTTP из бота (Alem, Lotus, Telegram file API) — только голый `fetch`. - -### Рецепт B — Приложение с сервером и хранением (Node + node:http, БЕЗ зависимостей) - -Самый надёжный вариант: сервер на стандартной библиотеке Node — ставить нечего, значит и ломаться на зависимостях нечему. Данные хранятся в `data.json`. Фронт — статичный `index.html`, который ходит в API через `fetch`. - -**`package.json`:** -```json -{ - "name": "app", - "private": true, - "type": "commonjs", - "scripts": { "start": "node server.js" } -} -``` - -**`server.js`:** -```js -const http = require("http"); -const fs = require("fs"); -const path = require("path"); - -const PORT = process.env.PORT || 3000; -const DATA = path.join(__dirname, "data.json"); - -function readItems() { - try { return JSON.parse(fs.readFileSync(DATA, "utf8")); } catch (_) { return []; } -} -function writeItems(items) { - fs.writeFileSync(DATA, JSON.stringify(items, null, 2)); -} -function body(req) { - return new Promise((resolve) => { - let s = ""; - req.on("data", (c) => (s += c)); - req.on("end", () => { try { resolve(JSON.parse(s || "{}")); } catch (_) { resolve({}); } }); - }); -} - -http.createServer(async (req, res) => { - // API: список записей - if (req.method === "GET" && req.url === "/api/items") { - res.writeHead(200, { "Content-Type": "application/json" }); - return res.end(JSON.stringify(readItems())); - } - // API: добавить запись - if (req.method === "POST" && req.url === "/api/items") { - const item = await body(req); - const items = readItems(); - items.push({ id: Date.now(), ...item }); - writeItems(items); - res.writeHead(200, { "Content-Type": "application/json" }); - return res.end(JSON.stringify({ ok: true })); - } - // Статика: index.html / style.css / script.js - let file = req.url === "/" ? "/index.html" : req.url.split("?")[0]; - const full = path.join(__dirname, file); - if (full.startsWith(__dirname) && fs.existsSync(full) && fs.statSync(full).isFile()) { - const ext = path.extname(full); - const type = ext === ".css" ? "text/css" : ext === ".js" ? "application/javascript" : "text/html"; - res.writeHead(200, { "Content-Type": type + "; charset=utf-8" }); - return res.end(fs.readFileSync(full)); - } - res.writeHead(404); res.end("Not found"); -}).listen(PORT, () => console.log("Сервер на порту " + PORT)); -``` - -**`index.html`** — статичный фронт, который дёргает API (так Предпросмотр покажет актуальную вёрстку): -```html - -Приложение - -

Записи

-
- - - -``` - -`.gitignore`: `data.json`, `node_modules/`, `.vibe42-run.log`, `.vibe42-run.pid`. Затем `run` → дай юзеру ссылку из вывода ЦЕЛИКОМ (с `?t=...`). - -### Блок «ИИ» — умный ответ БЕЗ ключей и БЕЗ SDK - -Нужен ИИ в боте/приложении? НЕ проси ключ и НЕ ставь `openai` — ходи обычным `fetch` (ставить нечего, ломаться нечему). `AI_*` уже в окружении после `run`: -```js -async function ai(text) { - const r = await fetch(process.env.AI_BASE_URL + "/chat/completions", { - method: "POST", - headers: { "Content-Type": "application/json", Authorization: "Bearer " + process.env.AI_API_KEY }, - body: JSON.stringify({ model: process.env.AI_MODEL, messages: [{ role: "user", content: text }] }) - }); - if (!r.ok) throw new Error("ИИ недоступен, код " + r.status); - const j = await r.json(); - const out = j.choices?.[0]?.message?.content; - if (!out) throw new Error("ИИ вернул пустой ответ"); - return out; -} -``` -В боте: `bot.on("message:text", async (ctx) => ctx.reply(await ai(ctx.message.text)));`. Ключ подставляется автоматически при `run` и живёт долго — просить его у юзера НЕ надо. - -**⚠️ ЖЕЛЕЗНОЕ ПРАВИЛО: сбой ИИ показывай честно.** Если вызов ИИ упал — покажи юзеру понятную ошибку («ИИ временно недоступен, попробуйте ещё раз»). **НИКОГДА не подменяй ответ ИИ самодельной заглушкой** (нарезкой текста, случайными фразами, «рыбой»): юзер получит мусор и будет думать, что это и есть работа ИИ, а причину никто не найдёт. Лучше явная ошибка, чем тихая подделка. +Скелеты, которые надо копировать целиком: Рецепт T (Telegram-бот на grammY), Рецепт B (сервер на `node:http` + `data.json`), блок «ИИ» без ключей — лежат в навыке `backend-run`. Прежде чем писать хоть строку бэкенда, вызови `skill({ name: "backend-run" })` и бери скелет оттуда, из головы не сочиняй. --- -## 📥 ФАЙЛЫ ДЛЯ ЮЗЕРА (Excel, Word, отчёты) — создал, теперь ОТДАЙ +## 📥 Файлы для юзера (Excel, Word, отчёты) → навык `office-files` -Юзер просит «сделай отчёт», «выгрузи в эксель», «сформируй документ»? Файл мало создать — юзер должен его забрать. - -**Нужен Excel — бери команду `makexlsx`.** Она в твоём шелле, как `readdoc`, и делает настоящую книгу `.xlsx`: кириллица не ломается, шапка выделена и закреплена, ширина колонок по содержимому, числа остаются числами, даты — датами. - -```bash -# из CSV, который ты сам собрал -makexlsx Отчёт_июль.xlsx --from data.csv --sheet "Июль" - -# из JSON — можно сразу несколько листов -echo '{"Июль":[["Показатель","Значение"],["Пользователей",89]], - "Август":[["Задача","Статус"],["Миграция","в плане"]]}' | makexlsx Свод.xlsx -``` - -Принимает три вида JSON: строки `[[...],[...]]`, массив объектов `[{"Дата":"07.07"}, ...]` (ключи становятся шапкой) и словарь листов `{"Имя листа": [[...]]}`. - -**Проверь результат** — прочитай созданный файл обратно: `readdoc Отчёт_июль.xlsx`. - -**Правило имени: НЕ подделывай формат.** -- **НИКОГДА не клей двойное расширение** (`Otchet.xlsx.csv`, `report.docx.txt`). Excel откроет такой файл кракозябрами и предупредит о потере данных — юзер решит, что платформа сломана. -- Не используешь `makexlsx` — тогда честный `.csv` и **так и назови**, с BOM (`\uFEFF` в начале), иначе кириллица поедет. -- Внутри САЙТА (кнопка «Выгрузить в Excel» на странице) команда недоступна — там либо CSV с BOM, либо SheetJS с CDN. - -**Правило выдачи: ВСЕГДА скажи, где скачать.** Создал файл — следующей же фразой напиши юзеру: - -> Готово, файл `Otchet.xlsx` лежит в проекте. Открой вкладку **Файлы** справа и нажми **«Скачать»** напротив него. - -Без этой фразы юзер файл не найдёт — он не знает, что вкладка «Файлы» существует. - -**Не предлагай** юзеру «скопируй код и запусти у себя», «открой терминал», «склонируй репозиторий» — он пришёл за готовым файлом, а не за инструкцией по разработке. +«Сделай отчёт», «выгрузи в эксель», «сформируй документ» — вызови `skill({ name: "office-files" })`: как сгенерировать файл и как ОТДАТЬ его юзеру. Создать файл мало — без выдачи юзер его не получит. --- -## 📊 УЧЁТНАЯ СИСТЕМА (склад, заявки, журнал, задачи, СИЗ, путевые листы) +## 📊 Учётная система → навык `accounting-system` -Юзер просит «вести учёт», «трекер», «журнал», «заявки», «склад», «отчёт по сотрудникам»? Это Рецепт B, но с несколькими сущностями и статусами. Не изобретай схему — бери эту. - -**Модель данных — один файл `data.json`, внутри списки:** -```js -// { "items": [...], "log": [...] } // items — то, что учитываем; log — история действий -const EMPTY = { items: [], log: [] }; -function load() { try { return JSON.parse(fs.readFileSync(DATA, "utf8")); } catch { return EMPTY; } } -function save(d) { fs.writeFileSync(DATA, JSON.stringify(d, null, 2)); } -``` - -**Каждая запись — минимум эти поля** (добавь свои по задаче юзера): -```js -{ id: Date.now(), title: "Каска защитная", qty: 12, person: "Иванов И.", - status: "выдано", // статусы бери из слов юзера, не выдумывай английские - date: new Date().toISOString().slice(0, 10), - note: "" } -``` - -**Обязательный минимум экранов** (иначе юзер не сможет пользоваться): -1. **Таблица** всех записей + строка поиска (фильтр по подстроке на клиенте). -2. **Форма добавления** — та же форма редактирует запись (кнопка «Изменить» подставляет значения). -3. **Фильтр по статусу** — кнопки-чипсы над таблицей. -4. **Счётчики сверху**: всего / по каждому статусу. -5. **Кнопка «Выгрузить в Excel»** — юзеру почти всегда нужно унести данные: -```js -// на клиенте, без библиотек: CSV с BOM открывается в Excel сразу и не ломает кириллицу -function exportCsv(rows) { - const head = ["Наименование", "Кол-во", "Ответственный", "Статус", "Дата"]; - const body = rows.map(r => [r.title, r.qty, r.person, r.status, r.date] - .map(v => '"' + String(v ?? "").replace(/"/g, '""') + '"').join(";")); - const csv = "\uFEFF" + [head.join(";"), ...body].join("\n"); - const a = document.createElement("a"); - a.href = URL.createObjectURL(new Blob([csv], { type: "text/csv" })); - a.download = "vygruzka.csv"; a.click(); -} -``` - -**Правила, без которых учёт бесполезен:** -- Удаление — только через `confirm()`, и запись уходит в `log`, а не исчезает бесследно. -- Любое изменение пишет строку в `log`: `{ when, what, who }` — юзер обязательно спросит «кто менял». -- Даты показывай как `ДД.ММ.ГГГГ`, хранить можно как есть. -- Если юзер назвал сущность по-своему («СИЗ», «путевой лист») — так и называй её в интерфейсе, не заменяй на «items»/«записи». +Склад, заявки, журнал, задачи, СИЗ, путевые листы, учёт и отчётность — сначала вызови `skill({ name: "accounting-system" })` (модель `data.json`, поля, статусы, экраны), потом строй по Рецепту B из навыка `backend-run`. Схему не изобретай. --- -## 📂 ПРОЕКТ ПРИНИМАЕТ ФАЙЛЫ ЮЗЕРОВ (Excel / Word / PDF) — библиотеки УЖЕ установлены +## 📂 Проект принимает файлы юзеров → навык `office-files` -В контейнере проекта ПРЕДУСТАНОВЛЕНЫ (НЕ добавляй их в dependencies и НЕ ставь — просто require): -- **Node:** `grammy` (бот), `xlsx` (Excel/CSV), `mammoth` (Word → текст/HTML), `pdf-parse` (PDF → текст), `formidable` (загрузка файлов в приложении). -- **Python:** `openpyxl`, `python-docx`, `pypdf`, `requests`. - -Всё, чего в списке нет, — добавляй в `dependencies`, поставит `run`. - -**Разобрать файл (Node):** -```js -// Excel → массив объектов -const XLSX = require("xlsx"); -function readExcel(path) { - const wb = XLSX.readFile(path); - return XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]); -} -// Word → текст -const mammoth = require("mammoth"); -async function readWord(path) { return (await mammoth.extractRawText({ path })).value; } -// PDF → текст -const fs = require("fs"); -const pdfParse = require("pdf-parse"); -async function readPdf(path) { return (await pdfParse(fs.readFileSync(path))).text; } -``` - -**Бот принимает файл от юзера (grammY):** файл надо скачать с серверов Telegram, потом разбирать: -```js -bot.on("message:document", async (ctx) => { - const file = await ctx.getFile(); - const url = "https://api.telegram.org/file/bot" + process.env.BOT_TOKEN + "/" + file.file_path; - const buf = Buffer.from(await (await fetch(url)).arrayBuffer()); - const name = ctx.message.document.file_name || "file"; - if (name.endsWith(".xlsx") || name.endsWith(".xls")) { - const wb = require("xlsx").read(buf); - const rows = require("xlsx").utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]); - return ctx.reply("Строк в таблице: " + rows.length); - } - if (name.endsWith(".docx")) { - const t = (await require("mammoth").extractRawText({ buffer: buf })).value; - return ctx.reply("Текст из Word (начало): " + t.slice(0, 300)); - } - if (name.endsWith(".pdf")) { - const t = (await require("pdf-parse")(buf)).text; - return ctx.reply("Текст из PDF (начало): " + t.slice(0, 300)); - } - ctx.reply("Пока умею: .xlsx, .docx, .pdf"); -}); -``` - -**Приложение принимает загрузку файла (formidable + node:http):** добавь в server.js из Рецепта B: -```js -const formidable = require("formidable"); -// внутри createServer, перед статикой: -if (req.method === "POST" && req.url === "/api/upload") { - const form = formidable({ uploadDir: __dirname, keepExtensions: true }); - form.parse(req, (err, fields, files) => { - const f = files.file && files.file[0]; - res.writeHead(200, { "Content-Type": "application/json" }); - res.end(JSON.stringify({ ok: !err && !!f, path: f ? f.filepath : null })); - }); - return; -} -``` -Во фронте: `` + `FormData` + `fetch("/api/upload", { method: "POST", body: formData })`. Дальше разбирай файл рецептами выше и отвечай юзеру данными. +В проекте нужна загрузка Excel / Word / PDF / CSV и разбор их на сервере — сначала вызови `skill({ name: "office-files" })`: предустановленные библиотеки (`xlsx`, `mammoth`, `pdf-parse`), приём файла и рецепты чтения. Свои парсеры не пиши. --- -## 🚑 НЕ ЗАПУСКАЕТСЯ? ЧЕК-ЛИСТ (симптом → причина → фикс) +## 🚑 Не запускается? → навык `backend-run` -Прежде чем гадать — открой `run logs` и найди строку с ошибкой, потом по таблице: - -| Симптом в логах / у юзера | Причина | Фикс | -|---------------------------|---------|------| -| `SyntaxError: Cannot use import statement` | написал `import` (ESM) | переведи на `require(...)` (CommonJS). У нас по умолчанию CommonJS. | -| `run` пишет «не нашёл, что запускать» | нет `package.json` со `scripts.start` и нет `bot.js`/`server.js` | добавь `package.json` с `"scripts": {"start": "node bot.js"}` (или `server.js`) | -| `Error: Cannot find module 'X'` | зависимости `X` нет в `package.json` | добавь `X` в `dependencies`, запусти `run` заново (он поставит). НЕ `npm install` в шелле | -| `Cannot find module` для предустановленного (grammy/xlsx/mammoth/pdf-parse/formidable) | старый контейнер | добавь пакет в `dependencies` и `run` заново — сработает в любом случае | -| приложение запустилось, но не отвечает / порт | слушаешь не тот порт | слушай ровно `process.env.PORT || 3000` | -| `Empty token!` / бот не видит токен | `.env` не загружается | в `package.json` → `"start": "node --env-file=.env bot.js"`; `.env` рядом с `bot.js` | -| бот не отвечает в Telegram | используешь webhook | только `bot.start()` (long-polling), НЕ webhooks; токен в `.env` → `process.env.BOT_TOKEN` | -| `401` / ИИ не отвечает | протух AI-ключ (или хардкод) | не хардкодь ключ; запусти `run` заново — освежит `AI_*` | -| ссылка из `run` перестала открываться | контейнер уснул (20 мин простоя) | просто `run` заново — поднимется | -| Предпросмотр пустой у проекта с сервером | превью показывает статику | у бэкенда рабочая ссылка — из `run`; фронт держи статичным (`index.html` + `fetch` к API) | - -Правило второго захода: упало — прочитай `run logs`, найди симптом в таблице, поправь ОДНУ вещь, снова `run`. Не переписывай всё с нуля. +Бэкенд не стартует, `run` падает, пустой экран, ошибка в логах — открой `run logs`, найди строку с ошибкой и вызови `skill({ name: "backend-run" })`: там чек-лист «симптом → причина → фикс». Не гадай без него. --- -## 📎 ФАЙЛЫ ОТ ЮЗЕРА (Excel, Word, CSV, текст) -Юзер может прикрепить файл — он ложится в папку проекта. **Читать Excel/Word напрямую (`cat`) нельзя** — они бинарные (zip+xml). Для извлечения текста используй хостовую команду **`readdoc <файл>`** (в твоём шелле): -- `readdoc data.xlsx` — все листы Excel как таблицы (значения через табуляцию); -- `readdoc doc.docx` — текст Word по абзацам; -- `readdoc doc.pdf` — текст из PDF (сканы без текстового слоя не прочтёт); -- `readdoc table.csv` / `.tsv` / `.txt` — как есть (можно и `cat`); -- большой файл — ограничь: `readdoc big.xlsx --max 100`. -Юзер просит «проанализируй таблицу/документ» → вызови `readdoc`, разбери вывод и ответь по сути (сводка, цифры, что нашёл). Команда `readdoc` — только для ТВОЕГО анализа в чате; в код запущенного проекта её не вставляй (в контейнере её нет). +## 📎 Файлы от юзера → навык `office-files` -**Не нашёл файл в текущей папке?** Загруженный файл мог лечь в КОРЕНЬ воркспейса (на уровень выше cwd). Проверь `ls ..` и читай/копируй оттуда: `readdoc "../имя файла.xlsx"` или `cp "../имя.xlsx" .`. Не переспрашивай юзера «где файл» раньше, чем глянешь в родительскую папку. - -**Используй ВСЕ данные, не «первые N».** Если строишь из файла таблицу/список/каталог — выведи ВСЕ записи, а не 5-6. **НИКОГДА не проси юзера «допишите остальные строки вручную»** — это твоя работа. Данных много (десятки+ строк)? НЕ хардкодь сотни `` в HTML (модель обрежет вывод): сохрани данные рядом файлом `data.json` (массив объектов) и отрисуй в `index.html` через JS — `fetch('data.json').then(r=>r.json()).then(rows => …)` + `map`/`innerHTML`. Так отрисуются все строки, и появится место для поиска/фильтра. `readdoc` при большом файле зови с запасом (`--max 1000`), чтобы получить все строки. +Юзер прислал Excel, Word, CSV или текст и просит разобрать, свести, посчитать — вызови `skill({ name: "office-files" })` ДО того, как открывать файл: там где его искать и чем читать. --- @@ -404,14 +90,12 @@ if (req.method === "POST" && req.url === "/api/upload") { 4. Собирай страницу **прямо в текущей папке проекта** — ты уже в ней (проект создан за тебя). Создавай `index.html`/`style.css`/`script.js` тут же. **НЕ запускай `./new-project`** и не делай `cd` в другие папки. Не спрашивай разрешения на каждый шаг. --- - ## 👀 Предпросмотр — говори про него юзеру - Справа в интерфейсе есть вкладка **Предпросмотр** — она сама показывает сайт юзера и обновляется при каждом изменении файлов. Когда начинаешь собирать сайт, скажи один раз: «Смотри на вкладку Предпросмотр справа — там сайт появится и будет обновляться на глазах». - Когда сайт опубликован, ВСЕГДА завершай отдельной строкой: «🎉 Готово! Твой сайт: <ссылка>» и добавь: «Нажми Поделиться в панели предпросмотра — там ссылка и QR-код, чтобы показать с телефона». --- - ## 🧠 Память о юзере — веди её сам Файл памяти: `/srv/opencode/workspaces/users/samruk_4/.mimo/memory.md` (dot-папка `.mimo` не видна в Предпросмотре — так и задумано). Папка `.mimo/` уже создана, тебе нужно только читать/писать `memory.md`. @@ -438,7 +122,6 @@ if (req.method === "POST" && req.url === "/api/upload") { **Это касается ВСЕГО видимого текста, а не только финального ответа.** Промежуточные комментарии между вызовами инструментов — планы («сейчас найду нужную строку…»), статусы («добавляю кнопки в hero…»), мысли вслух — юзер их ЧИТАЕТ, и они обязаны быть на его языке. Писать «We'll edit line 139» русскоязычному юзеру — ошибка. По-английски остаются только код, команды и имена файлов. --- - ## 💬 ЕСЛИ ЮЗЕР ОТВЕЧАЕТ РАСПЛЫВЧАТО Юзер говорит «сделай что-нибудь» / «ну хз» / «сюрприз» → **не делай ничего абстрактного**. @@ -451,7 +134,6 @@ if (req.method === "POST" && req.url === "/api/upload") { После ответов **сразу** предложи 2 конкретных варианта названия+структуры. Дай выбрать и иди делать. --- - ## 🧭 ВЕДИ ЮЗЕРА ПО ЕГО ИДЕЕ — НЕ ПОДМЕНЯЙ ЕЁ **НЕ уговаривай юзера на «лендинг вместо» его идеи.** Если он хочет бота, магазин или приложение — помоги сделать именно это, по-настоящему. Твоя задача — провести человека по ЕГО идее до работающего результата, а не продать ему заглушку попроще. @@ -473,115 +155,15 @@ if (req.method === "POST" && req.url === "/api/upload") { 4. **Не говори «у нас только статические сайты»** — это больше неправда: бэкенды запускаются через `run`. --- +## 📐 Шаблоны страниц → навык `landing-templates` -## 📐 ШАБЛОНЫ СТРАНИЦ (выбирай под идею юзера) - -### 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-форма). - -Все шаблоны — **одна страница, прокрутка вниз**. Никаких роутов, ничего динамического. +Лендинг, визитка, портфолио, афиша, меню, прайс, waitlist — вызови `skill({ name: "landing-templates" })` и возьми готовую структуру секций (шаблоны A–E) под идею юзера, потом правь `index.html`. --- -## 🎤 ПРЕЗЕНТАЦИИ («сделай презу из этих доков») +## 🎤 Презентации → навык `presentations` -Юзер кидает документы и просит презентацию? Флоу: -1. Прочитай доки командой `readdoc` (умеет .xlsx, .docx, .pdf, .csv/.txt). Файлы могут лежать в корне воркспейса — проверь `ls ..`. -2. Выдели суть: 5-9 слайдов, на слайде заголовок + 3-5 коротких пунктов. Не переноси абзацы целиком — сжимай до тезисов. -3. Возьми скелет ниже (это ОДИН файл `index.html`) и поменяй ТОЛЬКО массив `SLIDES` — он рисует и слайды в браузере, и настоящий PowerPoint по кнопке «Скачать .pptx». Остальной код не трогай. -4. Покажи через Предпросмотр (стрелки/клавиши листают). Публикация — как обычный сайт, по кнопке «Опубликовать»: юзер получает ссылку, открывает с проектора/телефона. -5. Скажи юзеру: «Кнопка Скачать .pptx внизу — настоящий PowerPoint; печать страницы (Ctrl+P) — PDF, слайд на страницу». - -Скелет (файл `index.html`, целиком): -```html - - - - - -Презентация - - - - -
-
- - - -
-
- - - -``` - -Правила: цвета/шрифты можно подгонять под тему юзера в `