Перший проєкт, зроблений у парі з Claude Code

Це не лендинг від Anthropic.
Це те, що вийшло, коли я дав Claude Code ціль і терпіння.

Тут — чесне портфоліо, що росте: короткий опис того, що вміє Claude Code, і проєкти, зроблені разом із ним, від ідеї до пуша в GitHub.

Що він вміє Спробувати Claude Code ↗

01 · Можливості

Що вміє Claude Code

Агент, що працює прямо в терміналі: читає код, пише код, запускає команди, ходить у мережу — і памʼятає контекст проєкту.

Код

Пише, читає, рефакторить і дебажить код у будь-якій мові — з розумінням усього репозиторію, а не одного файлу.

Автоматизація

Хуки, крон-задачі, цикли (`/loop`), фонові агенти — рутинні процеси, які виконуються без нагляду.

Дослідження й веб

Шукає в інтернеті, читає документацію, витягує дані зі сторінок — і одразу застосовує знайдене в коді.

Файли й дані

Читає, аналізує й перетворює файли: код, таблиці, JSON, зображення, PDF — і великі обсяги даних водночас.

Дизайн і артефакти

Макети, дашборди, лендинги, діаграми — від чернетки до опублікованої сторінки, як оця.

Деплой і git

Коміти, пуші, пул-реквести, налаштування CI/CD і хостингу — весь шлях від коду до продакшену.

Мультиагентність

Розбиває велику задачу між кількома паралельними агентами й зводить результат докупи.

Інтеграції

Slack, MCP-сервери, зовнішні API — під'єднується до інструментів, якими ти вже користуєшся.

02 · Портфоліо

Проєкти, зроблені разом

Список щойно почався. Кожен новий кейс — окремий крок у docs/PLAN.md цього репозиторію.

Кейс №1 · зараз перед тобою

Цей лендинг

HTML/CSS/JS без білд-кроку, 3D-акцент на Three.js, задеплоєно на Vercel напряму з GitHub.

HTML · CSS · JS Three.js
Кейс №2

Kebab House

Односторінковий сайт для кебаб-закладу: меню, фото страв, контакти й адреса.

HTML · CSS · JS
Наступний кейс

Скоро тут

Портфоліо наповнюється поступово, разом із реальною роботою.

03 · Процес

Як ми працюємо над кожним кроком

Правила з CLAUDE.md цього репозиторію — однакові для кожної нової задачі.

  1. 1

    Брейншторм

    Обговорюємо мету, аудиторію, варіанти підходу — до першого рядка коду.

  2. 2

    Специфікація

    Фіксуємо рішення в docs/SPEC.md.

  3. 3

    План кроків

    Розбиваємо роботу на маленькі, окремо комітовані кроки в docs/PLAN.md.

  4. 4

    Один крок

    Реалізуємо лише поточний крок — не більше.

  5. 5

    Commit + push

    Кожен готовий крок одразу йде в GitHub і автоматично деплоїться.

  6. 6

    /clear

    Нова сесія перед наступним кроком — контекст завжди чистий.

GitGitHubVercelNode.jsPython Three.jsMCPBashPowerShellDockerREST API

04 · Зв'язатись

Лишити повідомлення

Коротко напиши, що тебе цікавить, — повідомлення просто зберігається, я перегляну його сам. Без розсилок і без спаму.