Перейти к содержимому
Разработка и дизайн с ИИ
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 публикаций

Доступность
17.07.202618 мин

Семантика для дизайнеров: почему это не только задача разработчика

Дизайнер сдал макет, разработчик закодил, QA проверил пиксели. Через месяц приходит письмо от пользователя со скринридером: «я не могу пройти ваш...

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

Figma Motion + AI: 10 промптов, которые оживят макет и усилят портфолио

Статичный макет может быть аккуратным и визуально сильным, но всё равно ощущаться как набор картинок. Пользователь не видит, как карточка раскрывается, куда уходит старый контент и что происходит после нажатия. Заказчик смотрит на двенадцать фреймов и вынужден собирать продукт у себя в голове. Короткая анимация показывает иерархию, реакцию системы и характер продукта. В портфолио она отделяет «я нарисовал экран» от «я спроектировал поведение». А Figma Motion теперь позволяет собирать движение на таймлайне, генерировать ключевые кадры через Figma Agent и передавать точные параметры в разработку через MCP. Ниже — пошаговый процесс, десять универсальных промптов и отдельная копируемая инструкция для AI-агента: переходы между экранами, нажатия, hover, loading, success, error, reduced motion и обязательный QA. Главное ограничение одно: движение должно объяснять интерфейс, а не превращать его в презентацию, где летает каждый второй заголовок.

VibeDesignFigmaMotionAI
—просмотров—реакций
AI-инструменты дизайна
16.07.202619 мин

Blender MCP: как собирать 3D-сцены, материалы и анимации через AI

Я подключил AI к Blender, дал ему максимально простой промпт без подробного ТЗ — и всё равно получил сцену, которая удивила. Разбираемся, как установить Blender MCP и превратить первый вау-эффект в нормальный 3D-воркфлоу.

VibeDesign3DAIMCP
—просмотров—реакций
Исследования и UX-методы
16.07.202619 мин

Тестирование непредсказуемого: как проверять интерфейс когда поведение AI меняется каждый раз

Как тестировать интерфейсы с непредсказуемым AI: сценарии, крайние случаи, fallback-состояния, ручная проверка и метрики качества UX.

VibeDesignИсследования и UX-методы
—просмотров—реакций
Брендинг и айдентика
14.07.202613 мин

Визуальный язык бренда: почему одних запоминают, а других — нет

◷ 16 мин чтения · брендинг · визуальная идентичность · дизайн система Возьми два бренда из одной категории — скажем, два кофейных стартапа. Оба с хорошим...

VibeDesignБрендинг и айдентика
—просмотров—реакций
Исследования и UX-методы
13.07.202618 мин

Hotjar, Clarity и аналоги: что видно когда смотришь как люди кликают по твоему сайту

Как использовать Hotjar, Microsoft Clarity и аналоги для анализа поведения: клики, записи сессий, тепловые карты и практические выводы для UX.

VibeDesignИсследования и UX-методы
—просмотров—реакций
Прототипы и handoff
12.07.202619 мин

Что разработчик хочет от хендоффа на самом деле — и почему большинство дизайнеров это не дают

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

VibeDesignПрототипы и handoff
—просмотров—реакций
Доступность
11.07.202617 мин

WCAG 3.0 и AI-генерация: как проверять доступность того что нарисовал не ты

Дизайнер открывает Figma файл, который сгенерировал ему ассистент. Лендинг, дашборд, флоу онбординга — всё уже расставлено. Сетки сходятся, тени мягкие,...

VibeDesignAccessibility
—просмотров—реакций
Как писать код с ИИ
10.07.202619 мин

ADR простыми словами: как фиксировать архитектурные решения, чтобы ИИ не ломал проект

Код показывает, как устроен проект сейчас, но почти никогда не объясняет, почему он устроен именно так. ADR сохраняет контекст архитектурных решений и не дает человеку или AI-агенту случайно вернуть уже отвергнутый вариант.

ADRАрхитектураДокументация
—просмотров—реакций
Сервер и логика
10.07.202622 мин

GRASP простыми словами: 9 принципов, которые помогают правильно распределять ответственность в коде

Что такое GRASP и как применять девять принципов проектирования на практике. Разбираем Information Expert, Creator, Controller, Low Coupling и другие паттерны на примере TypeScript.

GRASPАрхитектураTypeScriptBackend
—просмотров—реакций

Каталог тем

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