В этом шортсе показываю, как работает выполнение задач и проверка кода в режиме Build в OpenCode. В процессе работы открывается удобная панель с to-do списком — как в Claude, но гораздо удобнее, потому что прогресс виден сразу справа в реальном времени . Главная фишка — встроенный diff viewer, который открывается мгновенно и показывает все изменения в проекте. Нажатием клавиши m можно пометить любой файл как просмотренный, чтобы не запутаться в больших обновлениях. Также можно выбрать источник: Working Tree показывает все изменения в проекте, а Last Turn — только то, что было изменено в последней итерации . Это особенно полезно, когда агент делает несколько подходов, и нужно проверить именно последний шаг. В отличие от большинства CLI-инструментов, в OpenCode не нужно открывать отдельный редактор, чтобы понять, что именно изменилось и насколько правильно — всё сразу под рукой, что ускоряет ревью и делает процесс прозрачнее.
#opencode #buildmode #codereview #diffviewer #aicoding #aiagent #codingassistant #terminalai
Разбираю три состояния паттерна Circuit Breaker — про это вас точно спросят на бэкенд-собеседовании. Первое состояние — Closed (замкнут). В этом режиме все запросы проходят к внешнему сервису, вызовы работают в штатном режиме. Circuit Breaker считает ошибки, и если их количество превышает заданный порог или доля ошибок становится слишком высокой, он переключается во второе состояние — Open (разомкнут). В этом состоянии все вызовы блокируются мгновенно, без попытки достучаться до проблемного сервиса, и сразу возвращается ошибка или fallback. Это даёт системе передохнуть и не тратить ресурсы. Через некоторое время Circuit Breaker переходит в третье состояние — Half-Open (полуоткрыт). Он пропускает ограниченное количество запросов, чтобы проверить, восстановился ли внешний сервис. Если запросы успешны — Circuit Breaker возвращается в Closed. Если снова падают — снова становится Open.
#circuitbreaker #faulttolerance #backend #backendinterview #designpatterns #codinginterview #techinterview #softwarearchitecture #microservices
В этом шортсе разбираем базовые команды OpenCode — с чего начать работу. У OpenCode есть два ключевых режима: Plan и Build. Plan — режим планирования, где AI строит пошаговый сценарий перед выполнением задачи. Build — режим выполнения, где AI непосредственно пишет и применяет код. Через / или Ctrl+P открывается палитра со всеми доступными командами — смена модели, выбор агента, управление скиллами и плагинами. При старте уже подключена бесплатная модель — можно сразу работать. Также у OpenCode есть платные подписки — OpenCode Zen и Go, которые дают доступ к дополнительным возможностям и моделям.
Из базовых команд: /init — создать AGENTS.md, /models — переключить модель, /undo//redo — отмена/возврат, /new и /sessions — работа с сессиями. Плюс фишки: @файл — прикрепить файл, !команда — выполнить shell. Всё просто и под рукой.
#opencode #basiccommands #aicoding #aiagent #codingassistant #terminalai #ии
Разбираю типичные ошибки при реализации Outbox Pattern — про них вас тоже могут спросить на бэкенд-собеседовании. 1. Outbox вне транзакции. Если сохранять событие отдельно от бизнес-данных, может случиться так, что событие уйдёт, а данные не сохранятся или наоборот. Решение: сохранять всё в одной транзакции. 2. Нет retry-логики. Если отправка события упала, оно теряется навсегда. Решение: фоновый процесс должен повторять отправку до успеха. 3. Нет идемпотентности у получателя. Если relay отправил событие дважды, получатель должен обработать его так, как будто оно пришло один раз. Решение: использовать уникальные идентификаторы событий на стороне получателя. 4. Outbox растёт бесконечно. Если не чистить отправленные события, таблица разрастётся и замедлит базу. Решение: удалять или архивировать отправленные события. 5. Один relay на весь монолит. Если relay падает, вся система останавливается. Решение: несколько независимых экземпляров relay или мониторинг. Про другие паттерны смотрите в полном видео — ссылка под шортсом.
#backend #backendinterview #designpatterns #codinginterview #techinterview #softwarearchitecture #outboxpattern #microservices
В этом шортсе показываю, как подключить OpenCode по API к любому кастомному провайдеру. В примере используем сервис PurpleSchool, который даёт доступ к Claude с оплатой в рублях. Всё, что нужно — получить API-ключ в личном кабинете, указать base URL и ключ в настройках OpenCode. И всё — вы работаете с OpenCode через API провайдера, платите рублями и контролируете расход токенов в реальном времени. Аналогично подключается любой другой провайдер — меняете URL и ключ, и готово. Просто, быстро, без привязки к одному сервису.
#opencode #api #claudeapi #aicoding #aiagent #codingassistant #terminalai #claudecode
Показываю пример использования паттерна Circuit Breaker с fallback на практике. Circuit Breaker защищает систему от каскадных отказов при вызове внешних сервисов. В шортсе показан пример кода без использования библиотек, чтобы было понятно, как работает логика внутри. На практике в Node.js используют библиотеки like brakes или opossum, в Java — Resilience4j или Hystrix. Принцип везде одинаков: настраиваем порог ошибок, таймаут и время восстановления. Основная логика вызывает внешний API. Если вызов успешен — возвращаем данные. Если Circuit Breaker разомкнут или сервис упал — срабатывает fallback метод, который возвращает запасной ответ: данные из кэша, заглушку или сообщение о недоступности сервиса. Без fallback пользователь получил бы ошибку 500. С fallback даже при проблемах сервис продолжает работать и отдаёт осмысленный ответ. Про другие паттерны смотрите в полном видео — ссылка под шортсом.
#circuitbreaker #backend #backendinterview #designpatterns #codinginterview #techinterview #softwarearchitecture #microservices #fallback
По функционалу Open Design и Claude Code Desktop очень похожи — почти всё, что умеет Open Design, есть и в Claude Code Desktop. Ключевое отличие в том, что Open Design не привязан к провайдеру: вы можете работать с любыми моделями — Claude, GPT, Gemini, Qwen и другими. Поэтому Open Design стоит выбирать тем, кто пользуется моделями, отличными от Claude, и кому нужен удобный интерфейс для работы с дизайном. А если вы используете только модели Claude Code, то вам будет достаточно Claude Code Desktop. Подробный разбор всех возможностей Open Design — по ссылке под шортсом.
#opendesign #claudedesign #claudecode #claude #aidesign #aitools #designtools #ai #design #aiagents
В этом шортсе разбираем AI скиллы в OpenCode — механизм, который превращает обычный ИИ-агент в узкоспециализированного эксперта для конкретных задач. Скиллы в OpenCode полностью совместимы со скиллами Claude, включая их синтаксис, поэтому всё, что вы создали для Claude, будет работать и здесь. Важный нюанс: скиллы не загружаются сразу — OpenCode показывает агенту только названия и описания, а полные инструкции подгружаются только когда агент решает использовать конкретный скилл. Это серьёзно экономит токены и освобождает контекст для реальной работы, особенно когда скиллов много. Можно использовать готовые скиллы для код-ревью, работы с Git, создания документации и даже писать свои. А полный разбор всех возможностей OpenCode — смотри по ссылке под шортсом!
#opencode #opensource #aicoding #aiagent #codingassistant #terminalai #aiskills #claudeskills
Open Design — открытая альтернатива Claude Design и Figma, и сегодня разберёмся, как корректировать готовый макет. Начнём с Tweaks — этот инструмент, как и в Claude Design, позволяет глобально менять цвета во всём макете. Дальше идёт рисование прямо поверх макета: вы можете нарисовать стрелку и просто сказать, что и куда нужно переместить, и агент поймёт — в Claude Code, кстати, такого нет. Также есть комментарии — выделяете любой блок и прямо указываете, что именно поправить и Pods — обводите сразу несколько блоков, чтобы внести правки во все одновременно, что очень удобно при массовых корректировках. С помощью режимов Inspect и редактуры выделяете конкретный элемент и корректируете его точечно. И конечно, можно просматривать результат в разных разрешениях — от мобильного до десктопа, чтобы убедиться, что всё выглядит идеально на любых экранах.
#opendesign #claudedesign #aidesign #aitools #designtools #ai #design #ui
В этом шортсе разбираем OpenCode — открытую альтернативу Claude Code и Codex CLI. В отличие от проприетарных решений, OpenCode работает с любыми моделями: Claude подключается по API, ChatGPT доступен с подпиской Pro, Gemini также доступен, плюс любые опенсорсные и локальные модели. Помимо свободы выбора модели, OpenCode даёт полный доступ к коду — вы всегда знаете, что происходит внутри. Из ключевых преимуществ: поддержка LSP для умных и быстрых подсказок прямо в терминале, мульти-сессия для запуска нескольких агентов одновременно и возможность шарить сессию для отладки с командой. Всё это в терминале, без привязки к одному провайдеру и с полным контролем над вашими данными.
#opencode #opensource #lsp #aicoding #aiagent #codingassistant #terminalai #cli #devtools
Open Design — открытая альтернатива Claude Design и Figma, но у него есть нюанс: платформа не умеет создавать дизайн-системы с нуля и плохо справляется с вытягиванием дизайна из Figma. Поэтому на практике есть два рабочих способа. Первый — сначала сделать дизайн-систему в Claude Design на основе макета из Figma, экспортировать её в ZIP-архив и уже этот файл загрузить в Open Design. Второй способ — создать свою собственную дизайн-систему из уже существующего проекта: для этого нужно создать новый проект в Open Design, выбрать опцию импорта, указать ссылку на папку с кодом и попросить платформу проанализировать содержимое. При этом Open Design может вытащить не только HTML-код, но и Markdown-разметку или токены, если вы используете файл DESIGN.md. Главная цель — получить готовую, структурированную дизайн-систему, чтобы в будущем переиспользовать её для создания более качественных и консистентных макетов. Подробный разбор всех возможностей — по ссылке под шортсом.
#designsystem #opendesign #claudedesign #aidesign #aitools #designtools #ai #design #ui
Выбор CLI-инструментов — это вкусовщина или у Claude Code есть реальные преимущества? Вкусовщина, конечно, играет роль, но Claude Code выделяется конкретными плюсами. У Anthropic сейчас самый широкий набор возможностей: team-агенты, гибкие хуки, которые не привязывают к pre-commit, и сценарии использования далеко за пределами написания кода — например, управление компьютером или браузером. На сегодня Claude — это топ, на втором месте Codex. При этом Claude Code CLI можно установить и использовать с любой моделью. Полный ответ на этот и другие вопросы смотрите в видео по ссылке под шортсом.
#ии #ai #aiagents #cli #claudecode #claude #anthropic #codex
Open Design — открытая альтернатива Claude Design и Figma, которая работает локально с вашими агентами. Продолжаем разбирать его возможности. Встроенные коннекторы — подключаем Composio API для автоматического сбора задач и Orbit для внешних уведомлений о событиях. Рутины работают как в Claude Code — настраиваем повторяющиеся сценарии. MCP-сервер помогает в работе с макетами и их экспортом, упрощая взаимодействие с агентами. И конечно, дизайн-системы — готовые шаблоны для быстрого старта. Всё локально, гибко и под полным контролем. Подробный обзор всех возможностей — по ссылке под шортсом.
#opendesign #claudedesign #aidesign #aitools #designtools #ai #design #ui #mcp
Waku — минималистичный React-фреймворк с поддержкой React Server Components, серверных экшенов и файловым роутингом. Позиционируется как лёгкая альтернатива Next.js для маркетинговых сайтов, headless-коммерции и веб-приложений. Поддерживает статическую генерацию и динамический рендеринг на уровне страниц и срезов, lazy-загрузку через серверные островки, встроенную обработку метаданных и работу с Jotai для состояния. Node.js требуется версии 22.13.0, 24.0.0 или 26.0.0.
#devnews #waku #nextjs #react #framework #frontend #reactframework #rsc #webdev
Разбираем ключевые возможности Open Design — открытой альтернативы Claude Design и Figma. Работает с любыми ИИ-агентами: Claude Code, Cursor, Codex, Gemini, Qwen и другими, либо по API напрямую. Главное отличие от Claude Design и Pencil — встроенные медиа-провайдеры: подключаем дополнительные сервисы для генерации аудио, видео и картинок прямо на платформе. Поддерживает внешние MCP-серверы для расширения функционала. И огромная библиотека скиллов для работы с дизайном — готовые шаблоны и сценарии под любые задачи. Всё локально, гибко и без ограничений. Подробный обзор всех возможностей — по ссылке под шортсом.
#opendesign #claudedesign #aidesign #aitools #designtools #ai #design #ui #mcp
Вышел Tailwind CSS v4.3. В релизе появились удобные утилиты для стилизации скроллбаров: scrollbar-thin, scrollbar-none, scrollbar-thumb и scrollbar-track. Добавлены zoom-75, zoom-100, zoom-125 для масштабирования, tab-2, tab-4, tab-8 для ширины табуляции и @container-size для контейнерных запросов по высоте. В v4.2 также добавили четыре новые цветовые палитры: mauve, olive, mist и taupe, а также Webpack-плагин, который ускоряет сборку в 2 раза.
#devnews #tailwindcss #tailwind #css #webdev #frontend
Смотрим, как устроен интерфейс Open Design — открытой альтернативы Claude Design и Figma. Во вкладке Automations настраиваем дополнительные подключения к агентам, создаём рутины для периодических задач, расписания и управляем live-артефактами, которые обновляются сами. Вкладка Plugins — здесь можно импортировать готовые плагины из сообщества или создавать свои собственные, расширяя функционал под любые задачи. Вкладка Design Systems — выбираем дизайн-систему из 150+ готовых шаблонов или импортируем свою, например ту, которую уже сделали в Claude Design. Всё локально, просто и под полным контролем. Полный разбор Open Design — по ссылке под шортсом.
#opendesign #claudedesign #aidesign #aitools #designtools #ai #design #ui
Вышел Expo SDK 56 с React Native 0.85 и React 19.2. Главное событие — Expo UI полностью готов для продакшена: SwiftUI на iOS и Jetpack Compose на Android стабильны и доступны в Expo Go. Добавлены универсальные компоненты, работающие на всех платформах, и drop-in замена для популярных библиотек вроде bottom-sheet и datetime-picker. Ускорение сборок: iOS получил предкомпилированные XCFrameworks, а на Android экспериментальные precompiled headers ускоряют CMake до 2.8 раз. React Native 0.85 принёс Hermes v1 по умолчанию, новый анимационный движок и HTTPS для Metro.
#expo #exposdk #reactnative #react #devnews #mobile #ios #android #frontend
Open Design — это локальная open-source альтернатива Claude Design и Figma. Вместо того чтобы работать в закрытом облаке, платформа запускается у вас на компьютере и использует ваши любимые инструменты — Claude Code, Cursor, Codex, Gemini CLI и других агентов. Вы сами выбираете, какие модели использовать через BYOK, а все данные остаются локально. Внутри больше 250 готовых скиллов для любых задач и 150 дизайн-систем, которые работают через файлы DESIGN.md. Результат можно экспортировать в HTML, PDF, PPTX или даже MP4. Никаких подписок в долларах, никакого VPN — полный контроль над вашим дизайн-процессом. Полный обзор — по ссылке под шортсом.
#opendesign #claudedesign #aidesign #aitools #designtools #ai #design #ui
Вышел Spiceflow — новый fullstack React-фреймворк с поддержкой React Server Components, серверных экшенов и type-safe API. Работает на Node.js, Bun и Cloudflare Workers с одним и тем же кодом. Spiceflow использует Zod для валидации, автоматически генерирует OpenAPI-спецификацию, поддерживает стриминг через SSE и встроенную трассировку OpenTelemetry. Фреймворк можно использовать как отдельный API-сервер без React или как полноценный RSC-фреймворк с Vite. TypeScript-клиент сам выводит типы путей, параметров, тела запроса и ответа из роутов.
#devnews #react #spiceflow #framework #rsc #reactframework #fullstackframework #frontend #webdev