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

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

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

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

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

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

Поиск по WikiVibe

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

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

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

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

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

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

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

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

Лента

359 публикаций

Основы VibeDesign
12.06.20268 мин

Дизайнер как режиссёр AI: что изменилось в профессии и какие навыки теперь обязательны

Два года назад вопрос звучал так: «Заменит ли AI дизайнеров?» Сегодня он звучит иначе: «Какие дизайнеры нужны теперь?» Это разные вопросы с разными ответами. Профессия не исчезла. Она сдвинулась. Дизайнер перестал быть тем кто рисует экраны — и стал тем кто решает что рисовать, проверяет что нарисовано правильно, и настраивает среду в которой AI работает стабильно. Это другая работа с другим набором навыков.

карьераAI-дизайнVibeDesignворкфлоу
—просмотров—реакций
Motion и анимация
12.06.202610 мин

Lottie: как отправить анимацию в продакшен без боли и потери качества

Дизайнер сделал красивую анимацию в After Effects. Разработчик получил файл. Дальше начинается боль: GIF слишком тяжёлый, видео не масштабируется, SVG не анимируется нужным образом. Lottie решает это — но только если знать как его готовить. Lottie — формат который конвертирует After Effects-анимации в JSON. Файл весит в 600 раз меньше GIF того же качества, рендерится нативно на вебе, iOS, Android и React Native, масштабируется без потерь. Проблемы начинаются не с форматом, а с тем что никто не объяснил правила на каждом этапе — от дизайнера до деплоя.

motionанимацияLottiehandoff
—просмотров—реакций
Motion и анимация
12.06.202611 мин

Framer Motion за один вечер: анимируй React-компоненты как профи

Большинство туториалов по Framer Motion учат одно и то же: замени `<div>` на `<motion.div>`, добавь `animate={{ opacity: 1 }}` — готово. Это занимает десять минут, а не вечер. Вечер нужен на другое: понять почему анимации дёргаются, как правильно анимировать выход элемента, как не раздувать бандл и почему варианты — это не синтаксический сахар, а принципиально другой подход к оркестрации. Этот гайд — про то что реально нужно в проекте. Без теории ради теории.

motionанимацияFramer Motionворкфлоу
—просмотров—реакций
Motion и анимация
12.06.202610 мин

CSS анимации без библиотек: что умеет браузер — и это на удивление много

Ещё два года назад этот список был бы коротким. Плавные переходы, keyframe-анимации, базовый hover. Всё серьёзное — в JavaScript. В 2026 году браузер умеет анимировать скролл без IntersectionObserver, переходы между страницами без роутер-библиотек, появление и исчезновение элементов из `display: none` без таймеров, и раскрытие аккордеонов до `height: auto` без измерения `scrollHeight`. Причём поддержка у всех этих фич — кроссбраузерная. Это не значит выбрасывать GSAP или Motion. Это значит знать где браузер справляется сам — и не тащить библиотеку там где она не нужна.

motionанимацияворкфлоуинструменты
—просмотров—реакций
UX и интерфейсы
12.06.202615 мин

Шесть проверок AI-интерфейса перед показом заказчику: чеклист из реальных ошибок

Lovable сгенерировал экраны за час. Выглядит хорошо. Кажется, можно показывать. Именно в этот момент большинство и ошибается. AI отлично делает happy path — тот сценарий где пользователь всё делает правильно, данных достаточно, ошибок нет. Но продукт живёт не в happy path. Он живёт в ситуациях которые не описали в промпте: пустой список в первый день, зависший запрос, текст который не помещается в карточку, кнопка которая выглядит одинаково на трёх разных экранах. Шесть проверок ниже — это не теория. Это конкретные места где AI-интерфейс ломается чаще всего.

VibeDesignAI-дизайнUXчеклист
—просмотров—реакций
Исследования и UX-методы
12.06.202612 мин

Jobs To Be Done в дизайне: как перестать проектировать фичи и начать решать задачи

Команда провела три раунда исследований. Добавила тёмную тему, режим оффлайн и интеграцию с Slack. Метрики не сдвинулись. Потому что никто не спросил: а зачем человек вообще открывает этот продукт? Это и есть проблема которую решает Jobs To Be Done. Не «что хочет пользователь» и не «какую фичу попросил» — а какой прогресс он пытается сделать и почему нанимает именно этот продукт для этой работы.

UXисследованияворкфлоуVibeDesign
—просмотров—реакций
Автоматизация
12.06.202620 мин

ИИ-бот для клиентов в Telegram, WhatsApp и MAX: полное руководство — как это работает, что учесть и какие риски

Полное руководство по AI-ботам для клиентского сервиса: как работают сценарные боты, LLM-агенты и гибриды, какие алгоритмы используют, что такое эскалация на человека, какие риски существуют и что критически важно учесть до запуска. Для бизнеса в Telegram, WhatsApp и MAX.

AI ботЧат-ботТелеграмАвтоматизация
—просмотров—реакций
Запуск и хостинг
12.06.202614 мин

Dokploy vs Kubernetes: в чём разница и что выбрать для деплоя

Подробное сравнение Dokploy и Kubernetes: архитектура, сложность, масштабирование, стоимость, экосистема. Когда достаточно Dokploy и когда нужен Kubernetes — с конкретными критериями выбора для разных размеров команд и проектов.

DokployKubernetesSwarmPaaS
—просмотров—реакций
Motion и анимация
12.06.202615 мин

Библиотеки анимации для сайтов в 2026: что брать и на каком этапе

Когда генерируешь сайт через AI, анимации — последний рубеж где вопрос «что использовать» всё ещё требует решения. Lovable поставит Motion по умолчанию. Cursor предложит GSAP если попросить. Но выбор инструмента зависит не от личных предпочтений, а от задачи: простой переход, скролл-эффект, интерактивный компонент или готовый файл от дизайнера. Ниже — восемь инструментов, разбитых по реальным сценариям использования с ценами актуальными на июнь 2026.

motionанимацияинструментыворкфлоу
—просмотров—реакций
UX и интерфейсы
12.06.20269 мин

AGENTS.md, CLAUDE.md, .cursorrules: какой формат читает ваш AI и как это настроить

Ты открываешь Cursor, Lovable или Claude Code и описываешь задачу. AI начинает работать. Но откуда он знает что твои кнопки называются Button/Primary, а не btn-main? Что у тебя запрещён Inter? Что в папку src/lib/billing/ заходить нельзя? Не знает — если ты не сказал. И каждый раз объяснять это заново в промпте — это не воркфлоу, это потеря времени. Для этого существуют steering-файлы: markdown-документы в репозитории которые AI читает автоматически до того как начать работу. В 2024–2025 каждый инструмент придумал свой формат. В 2026 появился стандарт — но старые форматы никуда не делись.

VibeDesignDESIGN.mdCLAUDE.mdAGENTS.md
—просмотров—реакций
Брендинг и айдентика
12.06.20267 мин

AI-усреднение: почему все продукты стали выглядеть одинаково и как из этого выйти

Открой пять стартап-лендингов запущенных в 2026 году. Фиолетово-синий градиент на герое. Inter или Roboto. Три карточки с иконками. Кнопка «Get Started». Блок с логотипами клиентов. Это не совпадение и не тренд. Это структурная проблема — и она называется distributional convergence.

VibeDesignAI-дизайндизайн-системаDESIGN.md
—просмотров—реакций
Figma и макеты
12.06.20267 мин

Vibe Coding для дизайнеров: что это меняет в профессии прямо сейчас

На каждой конференции по дизайну кто-нибудь шутит, что мы все станем промпт-инженерами. Все смеются — и замолкают. Потому что если ты джун или мидл прямо сейчас, это звучит не как шутка. Рынок изменился резче, чем большинство хотели бы признать. Не «скоро изменится» — уже. И вопрос не в том, использовать ли AI в работе. Вопрос в том, что именно изменилось и что с этим делать.

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

Каталог тем

Автономные агенты
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