Перейти к содержимому
Разработка и дизайн с ИИ
RU
Стать автором

Подключить WikiVibe MCP

Добавьте адрес сервера в настройки MCP или передайте этот промпт вашему AI-агенту.

URL
https://wikivibe.dev/mcp/
Промпт для агента
Подключи MCP-сервер WikiVibe.

URL: https://wikivibe.dev/mcp/
Transport: streamable-http

После подключения выполни tools/list и покажи доступные инструменты.

Поиск по WikiVibe

Недавние запросы

Популярные темы

Стать автором

Войдите или создайте аккаунт, чтобы заполнить профиль автора.

Войти или зарегистрироваться

Публикации авторов и редакции

Новые статьи авторов WikiVibe и материалы редакции. Читайте ленту, подписывайтесь на авторов и публикуйте свои разборы.

Написать статью
Все материалы
НовыеРедакцияПодписки

Лента

356 публикаций

Рабочее место
11.06.202617 мин

Как работать с Codex: полное руководство по OpenAI Codex CLI

Codex — это терминальный AI-агент от OpenAI для написания и редактирования кода. Разбираем что такое Codex, как установить, какие команды использовать, как настроить безопасность через sandbox и approval policy, и как подключить AGENTS.md, MCP и профили.

CodexOpenAIВайбкодинг
—просмотров—реакций
Telegram-боты
11.06.202613 мин

Как сделать навигацию в Telegram-боте: inline-кнопки, reply-меню, команды и Mini App — полное руководство

Как сделать навигацию в Telegram-боте: три вида меню и кнопок с примерами кода на Python и Node.js. Inline-кнопки, reply-клавиатура, команды через BotFather, кнопка Menu и Mini App. Когда что использовать и как правильно выстроить структуру.

НавигацияМенюТелеграм
—просмотров—реакций
Новости
11.06.202611 мин

Claude Fable 5 «взломан» за сутки: Pliny the Liberator обошёл защиту Anthropic и слил системный промпт

Разбираем что произошло с защитой Claude Fable 5: как Pliny the Liberator обошёл классификаторы безопасности за день после релиза, какие техники использовал, что содержал утёкший системный промпт на 120 000 символов и что это значит для архитектуры безопасности на основе классификаторов.

Claude Fable 5JailBreakAnthropic
—просмотров—реакций
Рабочее место
11.06.202613 мин

Вайбкодинг в Битрикс24: честный разбор — что работает, где ловушки и почему это сложнее, чем обещают

Разбираем связку вайбкодинга с Битрикс24 и 1С-Битрикс без маркетинга: реальные ограничения VibeCode, почему AI галлюцинирует XML, что нужно для нормальной работы с 1С, и какие риски безопасности создаёт ИИ-разработка внутри корпоративной экосистемы.

Битрикс24Безопасность1С-Битрикс
—просмотров—реакций
Основы VibeDesign
11.06.202617 мин

Как запустить сервис самому: всё что дают на курсах по вайбкодингу — в одной статье

Дизайнер, который умеет вайбкодить, не зависит от разработчика. У него есть идея сервиса — и через день-два есть живая ссылка которую можно дать кому угодно. Это не ноукод. Код настоящий — просто его пишет агент, а не вы. Ваша работа — понять задачу, описать её точно, проверить результат и дать конкретный фидбэк. Именно это дизайнеры умеют лучше большинства разработчиков. Руководство построено по логике реального проекта: инструменты → спека → интерфейс → деплой → база данных с авторизацией → AI-функции и интеграции → тесты → портфолио.

Claude CodeCodexвайбкодингNext.js
—просмотров—реакций
Figma и макеты
11.06.202613 мин

Figma + Claude Code + React: дизайн-система своими руками — без платных курсов

Обычно дизайн-система живёт в двух местах, которые никак не связаны между собой. В Figma — компоненты, токены, правила. В коде — что-то похожее, но по-своему. Дизайнер обновил цвет кнопки — разработчик узнал об этом через неделю на ревью. Или не узнал вообще. Claude Code закрывает этот разрыв. Figma подключается к Claude как источник данных через MCP. Claude читает токены напрямую из дизайн-файла, генерирует React-компоненты точно по ним, может сам рисовать в Figma и писать в неё документацию. Это руководство — полный путь: от установки до задеплоенного прототипа из ваших компонентов. Кодить не нужно. Нужно уметь писать промпты. Важный момент: большинство шагов ниже — установка проекта, Git, структура папок, создание файлов — вам делать руками не обязательно. Claude Code умеет делать это сам по промпту. Шаги описаны подробно чтобы понимать что происходит, но в реальной работе достаточно написать агенту что нужно на выходе — и он разберётся сам.

Claude CodeVibeDesignFigmaReact
—просмотров—реакций
Figma и макеты
10.06.20265 мин

Твой экран никто не читает. Вот почему — и как это поменять

Пользователи не читают экраны. Они их сканируют. Nielsen Norman Group провела масштабные исследования с айтрекингом: 232 участника, тысячи страниц. Вывод один — взгляд двигается по предсказуемым маршрутам и пропускает большую часть текста. Это значит, что текст, который вы тщательно выверяли, большинство пользователей просто не увидят. И красивый дизайн работает только если в нём правильно расставлены точки остановки для взгляда.

UXUIVibeDesignиерархия
—просмотров—реакций
UX и интерфейсы
10.06.20269 мин

Почему пользователи уходят через 3 секунды — и как это исправить

Пользователь открывает страницу. У него нет задачи разобраться — он просто оценивает: это то, что мне нужно? Это займёт много времени? Это вообще понятно? Если ответы не приходят быстро — он уходит. Не потому что плохой дизайн. Потому что мозг принимает решение «слишком сложно» раньше, чем человек успевает это осознать. Три секунды — не красивая цифра для заголовка. При загрузке страницы дольше трёх секунд показатель отказов начинает резко расти. При загрузке до пяти секунд около 38% пользователей уже ушли. Это данные по скорости загрузки — но та же логика работает и для восприятия контента: если за первые секунды интерфейс не ответил на вопрос «куда я попал и зачем», человек закрывает. В этой статье — конкретные причины, по которым это происходит, и что с каждой из них делать.

UXUIVibeDesignиерархия
—просмотров—реакций
AI-инструменты дизайна
10.06.20269 мин

AI выдал плохой результат — как это заметить до того, как увидит заказчик

AI-генераторы дизайна стали быстрее и точнее, но у них по-прежнему есть характерный класс проблем. Не грубых ошибок — именно тихих, которые не бросаются в глаза сразу, но которые заказчик замечает, когда видит экран впервые. И тогда вы объясняете, а не показываете работу. Задача дизайнера — поймать эти проблемы до показа, а не после. В этой статье — конкретные сигналы того, что результат требует доработки, и чеклист для быстрой проверки.

VibeDesignAI-дизайнGoogle StitchFigma Make
—просмотров—реакций
Figma и макеты
10.06.20267 мин

7 ошибок в AI-дизайне, из-за которых тебя не возьмут на работу

С AI-инструментами дизайнеры начали делать больше — и допускать новый класс ошибок. Не те, что были раньше («забыл про состояния», «нет сетки»), а специфические: те, которые возникают именно из-за того, как работает генерация. Нанимающий менеджер их видит сразу — особенно если сам умеет работать с AI. Вот семь таких ошибок.

VibeDesignAI-дизайнFigmaпортфолио
—просмотров—реакций
AI-инструменты дизайна
10.06.20269 мин

Я сделал рабочий экран за 58 минут с нуля и вот как

Раньше экран в Figma — это часа три минимум. Сначала ищешь референсы, потом строишь сетку, потом переставляешь компоненты, потом переделываешь, потому что «что-то не то». Сейчас это 58 минут от пустого холста до макета, который можно показывать. Это не «AI нарисует всё сам». Это конкретный воркфлоу, где ИИ закрывает рутину, а ты занимаешься решениями. Разберём по шагам — с промптами, таймингом и типичными граблями.

VibeDesignFigmaGoogle StitchFigma Make
—просмотров—реакций
AI-инструменты дизайна
10.06.20267 мин

Как работать с AI-ассистентами в дизайне

Большинство людей работают с AI-ассистентами одинаково: пишут запрос, получают результат, если не нравится — пишут заново. Это работает. Но это не то как работают люди, которые получают от AI стабильно хороший результат. Разница не в инструменте. Разница в том, как вы с ним разговариваете.

ai-assistantsworkflowpromptingvibe-design
—просмотров—реакций

Каталог тем

Автономные агенты
12.10.20267 мин

Распределённый интеллект: кому будет подчинена сеть

ИИ перестаёт быть сервисом и становится инфраструктурой, а интернет — единым распределённым интеллектом. Разбираю, как это уже происходит и почему у такой системы может не оказаться одного хозяина.

ИИавтономные агентыинфраструктурараспределённые системы
Рабочее место
11.10.202614 мин

Просто пробуй всё. Как я пришёл к вайб-кодингу

Я художник, не программист. Прошёл путь от кусков кода в Gemini до восьми проектов в продакшене, OMP, Orca, русского языка для Orca и плагина, который подключает WikiVibe API к семи CLI-агентам. Почему не стоит искать «лучший» инструмент и с чего начать.

вайб-кодингAI-агентыOrcaOMP
Новости
20.09.20268 мин

Awwwards MCP: как AI-агенту искать референсы и проверять web-дизайн

Новый open-source MCP-сервер собирает для AI-агента референсы с Awwwards, показывает скриншоты, палитры и структуру страниц. Разбираем рабочий процесс, ограничения лицензий и границу между исследованием и копированием.

MCPAI-агентыдизайн-референсыUX/UI
Новости
19.09.20266 мин

Figma связала макеты с Weave и обновила папки: что меняется в работе с вариациями

Figma node переносит реальный frame в Weave workflow, а новые папки упрощают навигацию по исходникам. Разбираем, где это полезно для брендированных кампаний и что пока не стоит автоматизировать.

FigmaFigma WeaveAI-дизайндизайн-процесс
Новости
04.09.20264 мин

Figma добавила управление прозрачностью через токены: как это упрощает дизайн-системы

В Figma теперь можно связать прозрачность цвета с числовой переменной, сохранив связь с библиотекой. Разбираем, где это убирает ручные правки — и чего обновление не решает.

Figmaдизайн-системыdesign tokensUX/UI
GitHub
04.09.202610 мин

browser-use: библиотека, которая превращает браузер в инструмент AI-агента

Разбираем browser-use — открытую (MIT) Python-библиотеку и CLI-скилл, которые позволяют LLM-агенту кликать, печатать и заполнять формы в реальном браузере. Установка, примеры кода, кастомные инструменты, структурированный вывод и работа с чувствительными данными.

browser-useai-agentpython
Новости
02.09.20265 мин

Figma открыла генеративные плагины и шейдеры: что теперь можно передать из канваса в React

Figma расширила генеративные плагины и шейдеры: публикация в Community и внутри организации, анимация, доступ к коду и работа через MCP. Разбираем практический сценарий и границы, за которыми всё ещё нужен инженерный контроль.

FigmaAI-дизайнMCPReact
Новости
01.09.20264 мин

Runway Solaris: интерфейс, который генерируется в реальном времени — и почему это пока не замена веб-разработке

Runway показала Solaris — исследовательскую модель, которая создаёт интерфейс и реакцию на действия пользователя кадр за кадром. Идея меняет разговор о прототипах и бренд-опыте, но пока не подходит для ответственных продуктовых сценариев.

RunwayAI-дизайнUXгенеративный интерфейс
Новости
31.08.20266 мин

Figma показала, как измерять влияние ИИ на дизайн — и почему одной метрики скорости мало

Figma описала методику, которая оценивает не только ускорение работы с ИИ, но и изменения в совместной работе, продуктах и инструментах. Разбираем, что из неё можно перенести в свою команду и где заканчиваются выводы исследования самого поставщика.

FigmaAIДизайнUX-исследования
Motion и анимация
30.08.202619 мин

AI-видеоредакторы, управляемые через Codex и Claude Code

Какие видеоредакторы можно управлять из кодинг-агента: MCP-серверы к Premiere, Final Cut, DaVinci Resolve и After Effects, агентные редакторы video-use, Pireel, OpenChatCut, kinocut, code-first движки Remotion и Revideo. Сравнение, установка, ограничения

ВидеомонтажMCPClaudeRemotion
Рабочее место
30.08.20269 мин

Orca (stablyai/orca) — ADE для оркестрации флота параллельных AI-агентов

Полный разбор Orca от Stably: что это, как работает оркестрация агентов в git worktree, параллельные воркспейсы, мобильное приложение и Design Mode, чем Orca лучше и хуже конкурентов, установка и отзывы.

OrcaAI-АгентыОркестрация
Автономные агенты
30.08.202619 мин

Что такое ИИ-агенты и как они работают: понятное руководство для бизнеса

Простыми словами объясняем, что такое ИИ-агенты, чем они отличаются от чат-ботов и оркестраторов, где ошибаются и почему делать из агента «сотрудника» рискованно. С примерами и чек-листом для бизнеса.

АгентыБизнесИИ-Сотрудники
GitHub
29.08.202610 мин

ChatGPT-подписка в Codex: разбор codex-chatgpt-web и codex-with-chatgpt

Два рабочих GitHub-проекта — miuuyy/codex-chatgpt-web и XiaoDuoYa/codex-with-chatgpt — задействуют веб-подписку ChatGPT внутри Codex, но разными способами: один подставляет ChatGPT как модель, второй делает ChatGPT мозгом-планировщиком. Разбираем архитектуру, установку, отличия и риски.

CodexChatGPTGithub