Стек AI-native від ProCoders: інструменти за етапом продукту
AI-native стек ProCoders — це практичний, чітко вибудуваний набір інструментів, які ми реально встановлюємо та запускаємо на проєктах. Він організований за тим, де кожен інструмент вписується в продуктовий цикл: кодування, автоматизація браузера, продукт, дизайн, SEO/GEO, уникнення AI-письма та голосове введення. Кожен інструмент має тип (Skill, MCP, Plugin або App), чітку функцію і пріоритет.
Що це за стек (і чим він не є)
Це практичний стек, який ProCoders реально рекомендує — інструменти, які ми встановлюємо та запускаємо на реальних проєктах — розкладені за місцем у продуктовому циклі. Це конкретна реалізація наших 17 AI-native навичок і рушій, що стоїть за рівнями від L1 до L7: навички визначають що робить AI-native розробник; цей стек — як ми це робимо.
Він навмисно відрізняється від «кращих інструментів» у форматі listicle. Якщо вам потрібен широкий, ранжований по рівнях огляд агентів для кодування, дивіться наш поглиблений огляд coding tools за рівнями. Далі йде вужче і чесніше: внутрішня рекомендація з типами, функціями та пріоритетами, а не огляд ринку. Кожен інструмент тут — це те, що ми поставимо на проєкт вже завтра.
Мітки пріоритету означають те, що написано. Обов'язково — це безумовна вимога для відповідного рівня; рекомендовано — те, що ми б додали наступним; за потреби — ситуативне. Типи — Skill / MCP / Plugin / App (готовий продукт). Кількість зірок, де вказана, — це приблизний показник зрілості та поширеності, а не точні цифри.
Кодування
Основний цикл: агентський фреймворк, актуальна документація, структурний пошук.
| Інструмент | Тип | Що дає | Пріоритет |
|---|---|---|---|
| Superpowers | Plugin / Skills | Базовий агентський фреймворк: TDD, плани, відлагодження, рев'ю, верифікація. | обов'язково |
| Superpowers-V (від ProCoders) | Plugin | Наш форк/надбудова: поетапний воркфлоу, археологія коду, паралельний диспетчер, валідація через Context7. | обов'язково |
| ECC | Plugin / Orchestrator | Харнес-нативна операторська система для Claude Code, Codex і Cursor: сімейство оркестраторів orch-*, субагенти, скіли, хуки та сесійна пам'ять. Встановіть v2 і підключіть до шару оператора Hermes. | рекомендовано |
| Context7 | MCP | Актуальна документація бібліотек прямо в контекст — знищує застарілі, deprecated рішення. ~54k★ (approx). | обов'язково |
| ast-grep + skill | CLI + Skill | Структурний пошук по AST, а не по тексту: «знайти всі async без обробки помилок». | рекомендовано |
| skill-creator | Skill | Створюйте власні скіли — перетворюйте повторювану роботу на багаторазовий харнес (skill #7). | рекомендовано |
Автоматизація браузера
Нехай агент керує реальним браузером для навігації, перевірок та E2E.
| Інструмент | Тип | Що дає | Пріоритет |
|---|---|---|---|
| axi | App / Browser | Швидкий браузер для агентів, економить токени. | рекомендовано |
| dev-browser | Tool | Браузерне середовище для розробки під керуванням агента. | за потреби |
| Playwright MCP | MCP | Агентське керування браузером: навігація, кліки, перевірка UI, E2E. | рекомендовано |
Продукт
Продуктовий/маркетинговий шар, що забезпечує крос-функціональну роботу на рівні L7.
| Інструмент | Тип | Що дає | Пріоритет |
|---|---|---|---|
| marketingskills | Skills | CRO, копірайтинг, SEO, аналітика, зростання — продуктово-маркетинговий шар для L7. | рекомендовано |
| premortem-skill (від ProCoders) | Skill | Стрес-тест плану або рішення: «припускаємо, що провалилися» → виявляємо причини провалу заздалегідь (skill #5). | рекомендовано |
Дизайн
Від PRD до макету, плюс агентський доступ до дизайн-файлів.
| Інструмент | Тип | Що дає | Пріоритет |
|---|---|---|---|
| Claude.ai/design | App | Надзвичайно ефективна підготовка дизайну: PRD → повний макет; рестайлінг та покращення наявних застосунків. | рекомендовано (наполегливо) |
| Figma MCP | MCP | Агентський доступ до Figma: читання/збірка макетів, дизайн-токени. | рекомендовано |
| OpenDesign | Tool | Відкритий дизайн-тулкіт для агентського UI/UX. | за потреби |
SEO / GEO
Навчіть агента писати як для класичного пошуку, так і для AI-рушіїв відповідей.
| Інструмент | Тип | Що дає | Пріоритет |
|---|---|---|---|
| claude-seo | Skill | SEO-оптимізація, налаштована під Claude — гостріша і повніша. | обов'язково |
| geo-seo-claude | Skill | GEO/SEO як м'якша альтернатива claude-seo. | за потреби |
| DataForSEO MCP | MCP | Реальні SEO-дані (рейтинги, ключові слова, SERP) у контекст агента. | рекомендовано |
Уникнення AI-письма
Прибирайте AI-ознаки зі згенерованого тексту, перш ніж він вийде в продакшн.
| Інструмент | Тип | Що дає | Пріоритет |
|---|---|---|---|
| humanizer | Skill | Видаляє AI-ознаки в письмі (33 паттерни). Один із найпопулярніших — ~24k★ (approx). | рекомендовано |
| avoid-ai-writing | Skill | Міцна альтернатива — реально працює, хоч і менш розрекламована. | за потреби |
Введення / голос на першому місці (диктування)
Голос замість клавіатури. Набір тексту — це прихований поглинач часу, який більшість просто ігнорує. Ідеальний паттерн: розробник диктує тікет, запит або потік думок, а AI упорядковує і структурує це. Так швидше, і це знімає бар'єр «ліньки писати розгорнуто». Це безпосередньо підтримує ідею L7 — диригент, а не кодер: голос — природний інтерфейс для оркестрування.
| Інструмент | Тип | Що дає | Пріоритет |
|---|---|---|---|
| superwhisper | App | Диктування з офлайн-моделями, безкоштовно для офлайн-використання. Особистий вибір. | рекомендовано |
| handy | App | Безкоштовне диктування. | рекомендовано |
| Apple Dictation | App (вбудований) | Диктування macOS з коробки, але базової якості. | за потреби |
Голос на першому місці — обов'язково з L3
Це не просто «nice-to-have». KPI: ≥80% довгих запитів і тікетів диктуються, а не друкуються. І це стає обов'язковим на рівні Middle (L3) — до цього етапу диктування економить занадто багато часу, щоб залишатися опціональним. Продиктувати хаотичний потік думок і дати агенту структурувати його — швидше, ніж набирати охайний варіант, і це найприродніший спосіб керувати флотом агентів.
Прогалини, які ми закриваємо (кандидати до стеку)
Після сканування лідерів ринку ці інструменти закривають реальну прогалину в навичках, а не просто доповнюють стек:
| Інструмент | Тип | Статус | Чому |
|---|---|---|---|
| Supabase / Postgres MCP | MCP | беремо | Агент пише та виконує SQL, читає результат — для проєктів з БД (skill #2). Добре працює в більшості випадків. |
| Sentry / logs MCP | MCP | бажано | Доступ до помилок і логів прод/стейджингу — «від трею до фікса» для систематичного відлагодження та верифікації (skills #9, #15). |
| tdd-guard | Skill / Hook | рекомендовано | Жорстке дотримання TDD: блокує код без failing-тесту (skill #9). Доповнює Superpowers. |
| — | не потрібно | Робота з PR/issues/репо покрита GitHub CLI (gh) — окремий MCP не потрібен. |
Список кандидатів навмисно короткий: ми додаємо MCP або skill лише для реальної прогалини в навичці, а не «про всяк випадок».
Ширший ландшафт (лідери за поширеністю)
Окремо від нашого вибудуваного стеку вище — ширший OSS-ландшафт, з якого ми черпаємо: найбільш відзначені зірками, найзріліші інструменти, що відповідають нашій системі навичок. Зірки приблизні й змінюються з часом; сприймайте їх як сигнал зрілості, а не як рейтинг. Принцип відбору: спочатку офіційне (Anthropic + наш власний procoders/*), потім лідери за поширеністю, і завжди перевіряйте сумісність із нашим стеком перед впровадженням.
Базові фреймворки (встановлювати першими).
- obra/superpowers (~225k★ approx) — головний фреймворк агентських скілів: TDD, планування, мозковий штурм, відлагодження, верифікація, код-рев'ю, субагенти, воркдерева. В офіційному маркетплейсі Anthropic. github
- anthropics/claude-code-skills (офіційний) — офіційний, перевірений індекс скілів Anthropic (brainstorming, test-driven-development, systematic-debugging). Еталон якості. github
Оркестрування / субагенти / воркдерева.
- ruvnet/ruflo (колишній claude-flow, ~59k★ approx) — мета-харнес для зграй агентів: координація роїв, пам'ять, автономні воркфлоу поверх Claude Code. Найпоширеніший OSS-проєкт для мультиагентів у 2026 р. github
- wshobson/agents (~37k★ approx) — 192 спеціалізованих субагенти в 84 плагінах (дослідник, рев'юер, тестувальник, безпека тощо). Мультихарнесний маркетплейс. github
- affaan-m/ecc (v2, MIT) — харнес-нативна операторська система: сімейство оркестраторів orch-*, десятки субагентів, багаторазові скіли, хуки та постійна пам'ять для Claude Code, Codex, Opencode і Cursor. Рекомендуємо гілку v2, підключену до шару оператора Hermes. github
Верифікація / рев'ю.
- nizos/tdd-guard (популярний) — автоматичне дотримання TDD: блокує написання коду без failing-тесту. Працює з Claude Code, Codex, Copilot, будь-якою мовою/ранером. github
- Anthropic Code Review (офіційний плагін) —
/code-reviewна гілці PR: аналізує зміни, оцінює проблеми, автоматично коментує на GitHub. claude.com/plugins/code-review
Планування / дослідження.
- superpowers
brainstorming/writing-plans(~225k★ approx) — структурований цикл перед реалізацією: контекст дослідження, план, ризики. github - procoders/premortem-skill (наш) — стрес-тест плану: «припускаємо, що провалилися» → причини провалу виявлені заздалегідь. Claude/Codex/Cursor. github
- Deep-Research-skills / DAG deep research (OSS) — розбиває запитання на граф залежностей, запускає паралельні субагенти, пише звіт з джерелами. github
Артефакти / демо.
- Anthropic built-in
pptx/docx/xlsx/pdf(офіційний) — генеруйте готові артефакти (презентації, документи, таблиці, PDF) прямо з агента. - procoders/claude-ui-recorder (наш) — брендоване відео-демо UI: запис → озвучення → рендер →
demo.mp4. github - Remotion skills (OSS) — програмна генерація відео з коду.
npx skills add remotion-dev/skills. remotion.dev - NotebookLM (Google) — озвучений аудіо-огляд / інтерактивний звіт з ваших матеріалів.
Кураторські списки (для самостійного пошуку). hesreallyhim/awesome-claude-code (~37k★ approx), rohitg00/awesome-claude-code-toolkit (135 агентів, 35 скілів, 176+ плагінів), travisvn/awesome-claude-skills, ComposioHQ/awesome-claude-skills.
З чого почати
Ви не встановлюєте все це одразу — ви додаєте інструменти в міру просування по рівнях. Мінімум для старту в агентському режимі — рядок «Кодування» плюс голосове введення; все інше підключається за потребою рівня. Визначте свій рівень за 3 хвилини і ви точно знатимете, які рядки цього стеку вам потрібно запускати наступними.
FAQ
- Який мінімальний стек для старту?
- Рядок «Кодування» плюс голосове введення. Конкретно: Superpowers (агентський фреймворк) і Context7 (актуальна документація бібліотек у контекст), що керуються диктуванням (superwhisper або handy) замість набору тексту. Це дає реальний агентський цикл — план, побудова, верифікація — з актуальною документацією і швидким способом введення. Все інше (автоматизація браузера, дизайн, SEO, ширший ландшафт) нашаровується в міру того, як ваш рівень і проєкт цього вимагають. Не встановлюйте все в перший день; додавайте інструмент лише тоді, коли для нього є потреба.
- Skill, MCP, plugin, app — у чому різниця?
- Skill — це упакована можливість, що навчає агента воркфлоу (наприклад, claude-seo, humanizer, skill-creator). MCP — це сервер Model Context Protocol, що підключає агента до живого джерела даних або інструменту (наприклад, Context7 для документації, Figma MCP, DataForSEO MCP, Supabase/Postgres MCP). Plugin — це пакет скілів та конфігурацій в інсталяційному вигляді (наприклад, Superpowers, Superpowers-V). App — це готовий автономний продукт, який ви запускаєте поруч з агентом (наприклад, superwhisper, axi, Claude.ai/design). У цьому стеку стовпець «Тип» кожного інструменту вказує, до якої категорії він належить.
- Чи потрібні мені всі ці інструменти?
- Ні. Це вибудуване меню, організоване за етапом продукту і пріоритетом, а не чек-лист. Обов'язкові елементи (Superpowers, Context7, claude-seo) — це ядро; рекомендовані та опціональні підключаються за потребою. Ви додаєте інструменти в міру просування по рівнях — розробнику рівня 3 потрібне ядро кодування та голосове введення; автоматизація браузера, дизайн і мультиагентна оркестрація стають актуальними на рівні 4 і вище. Додавайте MCP або skill для реальної прогалини в навичці — ніколи «про всяк випадок».
- Чим це відрізняється від вашої сторінки «кращі AI-інструменти для кодування»?
- Ця сторінка — практичний стек, який ProCoders реально встановлює та запускає, організований за місцем кожного інструменту в продуктовому циклі, з типами та пріоритетами. Поглиблений огляд coding tools за рівнями на /agentic-coding-tools — це ширший, ранжований огляд агентів для кодування, зіставлених з рівнями зрілості. Думайте про цю сторінку як про нашу внутрішню рекомендацію, а про ту — як про огляд ринку. Вони доповнюють одна одну.
- Чому диктування обов'язкове з рівня 3?
- Набір тексту — це прихований поглинач часу, і на рівні Middle (L3) економія вже занадто велика, щоб залишати це опціональним. Паттерн: диктуйте тікет, запит або потік думок і дозвольте агенту структурувати це — швидше, ніж друкувати охайний варіант, і це знімає бар'єр «ліньки писати розгорнуто». KPI — ≥80% довгих запитів і тікетів диктуються, а не друкуються. Це також природний інтерфейс для L7-підходу «диригент, а не кодер»: голос — це те, як ви оркеструєте флот агентів. Інструменти: superwhisper або handy.