🎯 О чём этот конспект: Обзор десяти новейших open-source проектов и навыков (skills) для Claude Code и других CLI-агентов, вышедших за последний месяц. Разбираются инструменты для сокращения расхода токенов, визуального проектирования, работы с видео и автоматизации браузера.

👤 Кому будет полезно: Вайбкодерам, разработчикам на базе AI-агентов и тем, кто хочет оптимизировать затраты на API, не теряя в качестве кода.

✨ Что получите: Готовый набор инструментов для ускорения разработки, снижения галлюцинаций моделей и расширения возможностей Claude Code (от чтения видео до создания Knowledge Graphs).

1. Caveman Skill: Экономия токенов и лаконичность

Контекст: Основная проблема Claude Code — избыточная вежливость и многословность («AI-вода»), которая сжигает токены и время. Репозиторий Caveman (50k+ звезд за месяц) внедряет системный промпт, заставляющий агента говорить как «пещерный человек» — максимально коротко и по делу. Это не просто экономия: согласно исследованиям (Brevity Constraints paper, март 2024), когда мощные модели вынуждены быть краткими, они реже ошибаются, так как не «заговаривают» себя в неверные ответы.

Выгода: Экономия около 5% общего объема токенов и значительное повышение скорости чтения ответов.

Как применить:

• Шаг 1: Установка — В терминале внутри Claude Code выполните команду для добавления репозитория как навыка.
• Шаг 2: Выбор режима — Выберите уровень лаконичности: light (умеренный), full (сильный) или ultra (максимальный).

# Внутри Claude Code просто скормите ссылку на репо или используйте команду:
/add-skill https://github.com/jovandokanovic/caveman
# Затем активируйте нужный режим:
caveman light

Результат: Агент перестает писать вступления и заключения, выдавая только чистый код или краткие пояснения.

2. Graphify: Умная память через Knowledge Graphs

Контекст: Традиционный RAG (Retrieval-Augmented Generation) часто теряет контекст связей между файлами. Graphify сканирует проект и строит граф знаний. Вместо того чтобы скармливать Claude Code «сырые» файлы целиком, инструмент дает структуру. Это позволяет модели понимать архитектуру проекта, используя в десятки раз меньше данных.

Выгода: Снижение потребления токенов до 71.5 раз на один запрос по сравнению с чтением всех файлов проекта.

Как применить:

• Шаг 1: Индексация — Запустите Graphify в директории проекта для анализа связей.
• Шаг 2: Интеграция — Используйте Graphify как промежуточный слой между вашими файлами и Claude Code.

# Пример концептуальной команды (инструмент мультимодален)
graphify index ./src --output graph.json

Результат: Claude понимает, как изменение в одном модуле повлияет на другой, не перечитывая весь репозиторий.

3. Claude Video: «Зрение» для CLI-агента

Контекст: Модели Claude 3.5 Sonnet/Opus не умеют напрямую обрабатывать видеофайлы. Claude Video решает это через «умную» нарезку: инструмент использует ffmpeg для извлечения кадров (фреймов) и Whisper для транскрибации аудио. Количество кадров динамически подстраивается под бюджет токенов (например, 30 кадров для 30-секундного видео).

Выгода: Возможность давать Claude Code задачи по видео-инструкциям или фидбеку из скринкастов без использования сторонних сервисов типа Gemini.

Как применить:

• Шаг 1: Подготовка — Установите ffmpeg в систему.
• Шаг 2: Запуск — Передайте путь к видео в Claude Code через установленный навык.

# Claude Video автоматически нарежет кадры и создаст текстовое описание аудио
/watch-video path/to/video.mp4

Результат: Claude получает набор скриншотов и текст аудиодорожки, что позволяет ему анализировать UI-баги или логику из видео.

4. Open Design: Локальный клон Claude Artifacts

Контекст: Open Design — это open-source альтернатива интерфейсу Claude Design. Он позволяет создавать прототипы, слайды и UI-компоненты полностью локально или через API других моделей. Включает в себя 31 навык, включая генерацию презентаций и вызов API для создания изображений.

Выгода: Обход лимитов использования Claude.ai и возможность кастомизации визуального редактора под свои нужды.

Как применить:

• Шаг 1: Установка — Клонируйте репозиторий и запустите локальный сервер.
• Шаг 2: Проектирование — Используйте визуальный GUI для редактирования кода фронтенда в реальном времени.

Результат: Полноценная среда для визуального вайбкодинга без привязки к подписке Anthropic.

5. Code Burn: Финансовый аудит токенов

Контекст: При активном использовании Claude Code через API легко потратить сотни долларов, не заметив этого. Code Burn — это дашборд, который отслеживает расходы в реальных деньгах, а не только в токенах. Он анализирует 16 инструментов (Claude Code, Cursor и др.) и показывает, какие именно команды или MCP-серверы «сжирают» бюджет.

Выгода: Прозрачность расходов и рекомендации по оптимизации промптов для экономии.

Как применить:

• Шаг 1: Подключение — Настройте логирование вызовов API через Code Burn.
• Шаг 2: Анализ — Проверьте дашборд на наличие аномально дорогих запросов.

Результат: Четкое понимание стоимости каждой фичи и возможность вовремя оптимизировать систему.

6. Impeccable 3.0: Профессиональный фронтенд

Контекст: AI часто выдает «AI-slop» — типовой, скучный дизайн. Impeccable предоставляет 23 специализированные команды для доводки UI. Версия 3.0 добавила Live-режим: вы можете кликать на компоненты прямо в браузере и просить AI изменить их вариации.

Выгода: Превращение посредственного интерфейса в профессиональный продукт за счет микро-корректировок.

Как применить:

• Шаг 1: Активация — Запустите impeccable live в папке проекта.
• Шаг 2: Редактирование — Выбирайте элементы в браузере и применяйте стили (spacing, colors, typography) через Claude.

Результат: Качественный фронтенд, который выглядит как работа опытного дизайнера.

7. Design Extract: Клонирование любого UI

Контекст: Если вам нравится дизайн конкретного сайта, Design Extract позволяет «вытащить» его ДНК. В отличие от простых скриншотов, инструмент использует headless-браузер для анализа сетки, отступов, шрифтов, анимаций и логики компонентов.

Выгода: Быстрый старт проекта на основе проверенных дизайн-систем (Apple, Stripe, 11 Labs и др.).

Как применить:

• Шаг 1: Захват — Укажите URL сайта-источника.
• Шаг 2: Импорт — Передайте полученный JSON/Markdown в Claude Code как основу для вашего UI.

design-extract https://target-website.com --output design-system.md

Результат: Готовая спецификация дизайна, которую Claude может воссоздать в вашем коде.

8. Career Ops: AI-штаб для поиска работы

Контекст: Инструмент превращает Claude Code в командный центр для соискателя. Это не спам-рассылка, а «скальпель»: он анализирует вакансию через Playwright, сопоставляет её с вашим CV и генерирует адаптированный PDF и сопроводительное письмо.

Выгода: Повышение конверсии в отклики за счет глубокой персонализации каждого резюме.

Как применить:

• Шаг 1: Профиль — Загрузите свое CV в систему.
• Шаг 2: Анализ — Скормите URL вакансии. Инструмент выдаст отчет о соответствии (fit score) и подготовит документы.

Результат: Полностью автоматизированный трекинг вакансий и идеально подогнанные под требования документы.

9. Browser Harness: Самообучающийся браузерный агент

Контекст: В отличие от обычного Playwright, Browser Harness — это агент с «памятью». Если он выполняет задачу (например, покупка на Amazon) и сталкивается с ошибкой, он обновляет свой файл навыков, записывая, что сработало, а что нет. Это создает цикл самосовершенствования (self-healing).

Выгода: Автономное выполнение сложных веб-задач без необходимости ручной правки скриптов при изменении UI сайта.

Как применить:

• Шаг 1: Задача — Опишите цель (например, «найди и выгрузи цены на видеокарты»).
• Шаг 2: Итерация — Агент будет пробовать разные подходы, пока не добьется успеха, и запомнит путь.

Результат: Стабильная автоматизация браузера, которая не «ломается» на следующий день.

10. n8n MCP Server: Визуальная автоматизация через код

Контекст: Новый официальный MCP-сервер для n8n. Главное отличие от фанатских версий — использование TypeScript для генерации ворклоу. Claude Code пишет код на TS, проверяет валидность узлов (nodes), и только потом конвертирует это в JSON для n8n.

Выгода: Создание сложнейших бэкенд-автоматизаций голосом/текстом с гарантией того, что они запустятся.

Как применить:

• Шаг 1: Настройка — Подключите n8n MCP сервер к Claude Code.
• Шаг 2: Промпт — Попросите: «Создай сценарий, который берет лиды из Google Sheets и отправляет их в Slack».

Результат: Готовый рабочий процесс в вашем инстансе n8n без ручного перетаскивания блоков.

FAQ

В: Насколько безопасно использовать Caveman? Не ухудшит ли это качество кода?

О: Напротив, ограничение краткости заставляет модель фокусироваться на главном. Исследования показывают, что это снижает вероятность галлюцинаций, так как модель меньше «рассуждает» вслух, где часто и закрадываются логические ошибки.

В: Можно ли использовать Open Design с локальными моделями (Llama 3)?

О: Да, Open Design задуман как универсальный интерфейс. Вы можете подключить его к локальному LLM-серверу (например, через Ollama) и работать полностью приватно и бесплатно.

В: Чем Graphify лучше обычного поиска по файлам (grep) в Claude Code?

О: Grep ищет совпадения строк, а Graphify понимает семантические связи. Он знает, что функция А вызывает функцию Б, даже если они находятся в разных концах проекта, и передает Claude именно этот контекст.

В: Нужно ли платить за Code Burn?

О: Это open-source проект. Вы запускаете его у себя, и он анализирует ваши логи. Платить нужно только за сами токены провайдерам (Anthropic/OpenAI), инструмент лишь помогает их экономить.

В: Как n8n MCP сервер понимает, какие узлы (nodes) установлены в моем n8n?

О: Сервер использует TypeScript-дефиниции для валидации. Он «знает» схему стандартных узлов n8n и проверяет, чтобы Claude не выдумал несуществующие параметры, что часто случается при прямой генерации JSON.

Конспект создан на основе видео «10 New Open Source AI Tools for Claude Code (March 2025)» канала Chase AI. Все права на оригинальный материал принадлежат авторам. Источник: https://youtu.be/6cYBFfA7Nyk