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

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

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

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

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

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

Поиск по WikiVibe

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

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

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

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

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

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

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

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

Лента

12 публикаций

Сбросить фильтры
Дизайн-система и компоненты
03.08.20264 мин

Fluid Glass UI: как дать AI-агенту воспроизводимый WebGL-интерфейс вместо абстрактного промпта

Fluid Glass UI - open-source skill и WebGL-референс для интерфейсов с фиксированным визуальным ядром. Разбираем, как использовать его в AI-разработке без случайного дрейфа стиля и проблем на мобильных устройствах.

VibeDesignWebGLдизайн-системаAI-агенты
—просмотров—реакций
Дизайн-система и компоненты
30.07.20263 мин

75/75/75: почему дизайн-системе пора становиться исполнимой

Яндекс хочет довести участие ИИ до 75% изменений в разработке. Для дизайна это означает переход от передачи макета к передаче структурированного намерения и правил качества.

ЯндексAIдизайн-системаhandoff
—просмотров—реакций
Дизайн-система и компоненты
14.06.20269 мин

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

«Создай карточку как в нашей системе» без MCP — агент смотрит на кодовую базу и угадывает. Находит чтото похожее на карточку, адаптирует. Результат близкий но не тот: другой borderradius, другая структура пропсов, другое имя которое теперь нужно искать и исправлять.

дизайн-системаMCPAI-дизайнинструменты
—просмотров—реакций
Дизайн-система и компоненты
14.06.202613 мин

LLM-readable документация: как писать про компоненты чтобы AI не изобретал велосипед

В мае 2026 в реальном job posting Senior Product Designer появилось требование которого год назад не существовало: «Создавать и поддерживать документацию системы читаемую дизайнерами, инженерами и LLM вроде Claude».

дизайн-системаAI-дизайнкомпонентыAGENTS.md
—просмотров—реакций
Дизайн-система и компоненты
14.06.20268 мин

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

Storybook создавался для разработчиков — среда для изолированной разработки компонентов без запуска всего приложения. Дизайнеры которые начали его использовать говорят одно: «не понимаю как работал без него».

дизайн-системакомпонентыhandoffинструменты
—просмотров—реакций
Дизайн-система и компоненты
14.06.202610 мин

AI рисует не в вашем стиле: как заставить его соблюдать дизайн-систему

Объяснил AI что кнопки называются Button/Primary, акцент E94560, шрифт Bricolage Grotesque. В этой сессии всё правильно. Закрыл чат. Открыл новый — снова Inter, снова синяя кнопка, снова shadcn по умолчанию.

дизайн-системаAI-дизайнDESIGN.mdчеклист
—просмотров—реакций
Дизайн-система и компоненты
14.06.202610 мин

Тёмная тема за один день — если ты правильно настроил переменные заранее

Есть два способа добавить тёмную тему. Первый: открываешь каждый компонент, меняешь цвета вручную, смотришь как половина рассыпается, переделываешь три дня, всё равно чтото пропускаешь. Второй: создаёшь Dark Mode в Figma Variables, задаёшь тёмные значения, переключаешь — всё обновляется за секунду. Один день вместо трёх.

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

Атомарный дизайн на практике: перестань лепить интерфейс с нуля каждый раз

В проекте без системы каждый новый экран начинается с нуля. Дизайнер рисует кнопку — не ту же что на прошлом экране, похожую. Чуть другой padding. Чуть другой шрифт. Через год в продукте 40 вариантов кнопки где по логике должно быть 4.

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

Токены дизайна: почему без них продукт всегда выглядит по-разному

В команде три разработчика делают три разных раздела продукта. У каждого в голове «основной синий цвет бренда» — но у каждого своё понимание какой именно синий. Первый пишет 1A1A2E. Второй 1B1B30. Третий берёт пипеткой из Figma но промахивается на пиксель — получается 1A1C2E.

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

Без дизайн-системы ты переделываешь одно и то же — снова и снова

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

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

Дизайн как код: как упаковать насмотренность в файл и раздать всей команде

Попросите любой LLM сделать лендинг без дополнительных инструкций. Получите: Inter, белый фон, фиолетовый градиент в герое, четыре карточки в сетке, едва заметный hover. Anthropic называет это «distributional convergence» — модели воспроизводят статистический центр дизайн-решений из обучающих данных. Центр — это усреднённое. Усреднённое — это никакое. Skill-файлы это лечат. Но важнее другое: они превращают дизайн-суждение — то, что живёт в голове опытного дизайнера — в переиспользуемый артефакт, который можно передать агенту, команде, следующему проекту.

SKILL-mdClaude-CodeCodexDesign System
—просмотров—реакций
Дизайн-система и компоненты
26.04.20266 мин

Taste-Skill: как дать ИИ «хороший вкус» и навсегда избавиться от скучного фронтенда

В эпоху, когда ИИ-агенты вроде Cursor, Claude Code, Codex, Windsurf и Copilot пишут код быстрее человека, возникает новая проблема — **«AI-slop»** (от англ. slop — мусор, отбросы). ИИ отлично справляется с логикой и функционалом, но часто генерирует визуально скучные, шаблонные интерфейсы: одинаковые карточки по центру, серые цвета, отсутствие анимаций, слабая типографика и плоская иерархия.

SkillДизайнFrontend
—просмотров—реакций

Каталог тем

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