Знание
Site tools и WebMCP: как открыть сайт для AI-агентов
Практическое руководство по Site tools и WebMCP: безопасные инструменты сайта, подтверждения, проверка результата и поэтапное внедрение.
Тема
Интерфейсы и визуальный язык
Frontend, UI, визуальные системы, дизайн-инструменты и интерактивные поверхности. Материалы pimenov.ai по этой теме: статьи, знания, блог и форматы работы.
74 материалов
Все темы → Лучшие входы в тему
4 Знание
StemDeck — локальное разделение музыки на стемы без облака и подписки
StemDeck — бесплатный локальный инструмент для разделения аудио на 6 стемов: установка, микшер, сценарии и сравнение с Moises и LALAL.AI.
Блог
ChatGPT Images 2.5: быстрее генерирует, точнее правит
ChatGPT Images 2.5 ускоряет генерацию и улучшает точечные правки. В чате появились Sketch, комментарии на изображениях и обмен промптами.
Блог
100 HTML-экспериментов Claude Fable 5.1: ссылки, которые стоит открыть
Нашёл в X набор из 100 HTML-экспериментов Claude Fable 5.1 за один промпт. Ниже ссылки, которые автор выделила: от туннеля варпа до синтезатора.
Все материалы
70 Знание
MagicPath — совместный дизайн-канвас для людей и ИИ-агентов
MagicPath — мультиплеерный AI-канвас, где люди и агенты (Codex, Claude Code, Cursor) проектируют интерфейсы вместе. Генерация UI из промптов, экспорт кода, Figma-импорт.
Знание
Pencil — агентный дизайн-канвас с MCP прямо в IDE
Pencil — канвас для дизайна интерфейсов, который живёт в репозитории и общается с ИИ-агентами через MCP. Что умеет, как подключить к Claude Code, Cursor и Codex и где у него слабые…
Статья
Codex Desktop как визуальный конструктор UI: дизайн-цикл, который превращает ИИ в дизайнера
Перевод и адаптация статьи Meta Alchemist о том, как превратить Codex Desktop в полноценный визуальный дизайн-цикл: imagegen для ассетов, vision для ревью, A/B-тесты вариантов и ма…
Знание
DESIGN.md — дизайн-система в одном файле для AI-кодинга
DESIGN.md — формат от Google Stitch: markdown-файл с правилами дизайн-системы, который AI-агенты читают для генерации консистентного UI. Структура, примеры, коллекция готовых файло…
Знание
AI-генераторы дизайна: обзор инструментов
Обзор AI-инструментов для генерации UI и конвертации в код: Variant, Banani, Motiff, Anima, Builder.io — сравнение и рекомендации.
Статья
Как мы переделывали главную pimenov.ai: от оценки Comet до нового визуального языка
Живая история редизайна главной страницы pimenov.ai: от внешней оценки через Comet до нового визуального языка, UI Kit и запуска обновлённой версии в прод.
Знание
video-shotcraft — как собирать кинематографичные видео на Remotion в Claude Code и Codex
video-shotcraft — agent skill для Claude Code и Codex: 106 карточек-рецептов кадров и готовый шаблон, чтобы собирать кинематографичные промо-ролики на Remotion руками агента.
Знание
Как на самом деле проектировать дизайн с ИИ
Проектировать с ИИ — значит держать за собой идею и вкус, а исполнение отдавать ИИ: через дизайн-скиллы, сборку по компонентам или доску вдохновения.
Блог
Google Stitch обновился — и теперь это полноценный «vibe design» для интерфейсов
Google выпустил крупное обновление Stitch — ИИ-инструмента для генерации UI. Теперь это AI-native canvas с голосовым управлением, мгновенными прототипами и поддержкой дизайн-систем…
Знание
Taste Skill — anti-slop набор скиллов для ИИ-агентов
Набор Agent Skills для Claude Code, Cursor и Codex: убирает шаблонный фронтенд и помогает ИИ-агенту строить премиальные интерфейсы с продуманной типографикой.
Знание
Impeccable — открытый дизайн-скилл, который учит AI-инструменты понимать дизайн
Open-source дизайн-скилл Пола Бакауса, версия 3.9.1: дизайн-хук ловит AI-slop прямо в редакторе, 23 команды, детектор из 45 правил, работа в 11 AI-инструментах.
Блог
Impeccable 4: обновление дизайн-скилла, которым я пользуюсь давно
Вышла четвёртая версия Impeccable — дизайн-скилла, который учит ИИ делать интерфейсы со вкусом. Рассказываю, что нового и зачем держу его в наборе давно.
Знание
Open Design — open-source альтернатива Claude Design на ваших агентах
Open Design — open-source, local-first альтернатива Claude Design. 132 скилла, 150 дизайн-систем, 16 агентных CLI, BYOK на каждом уровне. Apache-2.0.
Знание
HTML вместо Markdown: почему ИИ-агенты генерируют в HTML и как это использовать
Методология использования HTML вместо Markdown как формата вывода ИИ-агентов: плотность информации, визуальная ясность, интерактивность и сценарии применения
Блог
shadcn выпустил готовые компоненты для чат-интерфейсов
shadcn выпустил набор компонентов для чат-интерфейсов: стриминг, умная прокрутка через MessageScroller и headless-пакет под Radix и Base UI.
Знание
Refero Styles — библиотека DESIGN.md из реальных продуктов для AI-агентов
Каталог дизайн-стилей реальных сайтов с готовыми DESIGN.md, токенами и Tailwind v4-конфигами, которые можно сразу отдать AI-агенту. Разбираем, что это, как использовать с Codex и C…
Знание
MCP Apps — интерактивный UI внутри MCP-инструментов
MCP Apps — первое официальное расширение Model Context Protocol, которое позволяет MCP-серверам возвращать интерактивные UI-компоненты: дашборды, формы, визуализации, многошаговые…
Блог
Open Design в каталоге плагинов Codex: дизайн-холст рядом с агентом
Open Design появился в официальном каталоге плагинов Codex: открытый дизайн-холст работает рядом с агентом, а модели можно менять без потери контекста.
Знание
Remotion — фреймворк программной генерации видео на React и его использование в OpenAI Codex
Remotion — фреймворк для создания видео на React: компоненты вместо таймлайна, рендер локально и в AWS Lambda. Плюс — как подключить его как Skill в OpenAI Codex CLI и собирать рол…
Знание
Shadcn Studio — расширенная библиотека компонентов и блоков shadcn/ui
Экосистема вокруг shadcn/ui: 800+ блоков, шаблоны Next.js и Astro, поддержка Base UI и Radix UI, AI-генератор тем, MCP-сервер и Figma-плагин.
Блог
DAWalka 1.2.0: генератор звука теперь работает и без DAW
Миша Иванов выпустил DAWalka 1.2.0: появилась десктопная версия без DAW, обновлённый интерфейс и генерация треков длиной до шести минут.
Знание
daisyUI: красивые компоненты из коробки
Библиотека UI-компонентов поверх Tailwind CSS: семантические классы, 35 тем, кастомизация и сравнение с Tailwind UI и shadcn/ui.
Знание
HyperFrames от HeyGen — видео как код для ИИ-агентов и Codex
HyperFrames от HeyGen — открытый фреймворк, где видео собирается из HTML, CSS и JS руками ИИ-агента. Возможности, сценарии применения и интеграция с Codex.
Блог
Разработчик собрал 17 дизайн-принципов из докладов Apple в скилл для ИИ-агента
Emil Kowalski собрал 17 принципов дизайна и анимации из докладов Apple WWDC в скилл для ИИ-агента — карманный дизайн-ревьюер, всегда под рукой.
Знание
Codex Sites: как собрать и задеплоить сайт прямо из Codex
Как через Sites в Codex и ChatGPT Work собрать и задеплоить сайт: доступ и публичные ссылки, вход через ChatGPT, БД, домены, лимиты беты и чеклист.
Знание
GSAP — библиотека анимации для веба
GSAP (GreenSock) — JavaScript-библиотека анимации для веба: твины, таймлайны, ScrollTrigger, интеграция с React и сборка анимированных лендингов в Codex Sites.
Блог
Figma Motion: анимация теперь живёт на холсте в одном файле с дизайном
Figma выпустила Motion: режим анимации прямо на холсте, motion-переменные, кейфреймы от агента и экспорт готового кода в Dev Mode.
Знание
SEO-миграция сайта без потерь трафика
Переезд сайта на новую платформу без потерь SEO-трафика: редиректы 301, sitemap, canonical, инвентарь URL, контроль в Вебмастере и GSC.
Знание
Cloudflare для новичков: что это, зачем нужен и как подключить сайт
Что такое Cloudflare, зачем нужен, как добавить сайт, перенести DNS и какие сервисы доступны бесплатно. Полное руководство для новичков.
Блог
MagicPath теперь официальный плагин Codex
MagicPath стал официальным плагином Codex: дизайн-канвас прямо в кодинг-агенте и двусторонняя связь между дизайном и продакшен-кодом.
Знание
Cloudflare Pages — бесплатный хостинг статических сайтов с деплоем из GitHub
Что такое Cloudflare Pages, как подключить репозиторий, настроить деплой, привязать домен и чем отличается от GitHub Pages и Vercel. Полное руководство для новичков.
Знание
GitHub Pages — бесплатный хостинг статических сайтов прямо из GitHub
Бесплатный хостинг статических сайтов от GitHub: быстрый старт, деплой через Actions, свой домен, ограничения и практические сценарии.
Блог
Impeccable 3.5: ИИ-агент наконец учится не портить дизайн
Impeccable 3.5 — открытый дизайн-скилл, который чинит «ИИ-слоп» под каждую модель: правила под конкретные дефекты, Live Mode и переработанный детектор антипаттернов.
Знание
Refero — библиотека реальных экранов и UX-паттернов для design research
Кураторская библиотека из 130 000+ реальных экранов веба и iOS и 10 000+ пользовательских флоу. Разбираем возможности поиска, сценарии применения для команды и AI-агента, связку с…
Знание
Telegram Mini Apps: DeviceStorage и SecureStorage — локальное и защищённое хранилище
В Bot API 9.0 у Telegram Mini Apps появились DeviceStorage и SecureStorage — локальное и защищённое хранилища прямо на устройстве. Разбираем, чем они отличаются от CloudStorage, ка…
Блог
Codex обновился — /goal mode вышел из эксперимента и стал полноценной функцией
OpenAI выкатили обновление Codex: автономный /goal mode в десктопном приложении, аннотации для дизайнеров, плагины для команд и аналитика
Знание
Pascal Editor — бесплатный 3D-редактор зданий прямо в браузере
Открытый 3D-редактор зданий в браузере: моделирование, материалы, MEP, AI-рендеры Studio, MCP для агентов, экспорт GLB, OBJ, STL и PDF.
Знание
EmDash — open-source CMS от Cloudflare на базе Astro
Open-source CMS от Cloudflare на TypeScript и Astro 6: sandbox-плагины, встроенный MCP-сервер, деплой на Workers или Node.js. Возможности, лимиты и ограничения.
Блог
Impeccable 3 научился генерировать дизайн с нуля — новые возможности для вайб-кодеров
Impeccable — дизайн-скилл для AI-кодинг-инструментов — в третьей версии подключил диффузионные модели. Теперь можно генерировать макеты прямо из терминала.
Знание
Astro: фреймворк для молниеносных сайтов
Зачем я выбрал Astro для контентного сайта: архитектура островов, минимум JS, три режима рендеринга, Content Collections и сравнение с конкурентами.
Знание
Tailwind CSS: стилизация без боли
Utility-first подход к стилизации: основные концепции, адаптив, тёмная тема, плагин Typography для CMS-контента и интеграция с Astro.
Блог
huashu-design — скилл, который превращает терминал в дизайн-студию (и делает это правильно)
huashu-design — open-source скилл для Claude Code, Cursor и других агентов, который умеет делать прототипы, презентации и анимации. Но главная ценность — не в выходных файлах, а в…
Знание
Craftwork.design — библиотека UI-китов, иллюстраций и мокапов для дизайна
Craftwork — библиотека UI-китов, иллюстраций, 3D, мокапов и шрифтов с доступом из Figma, по MCP и через поиск. Разбираем возможности, тарифы и сценарии.
Знание
Bolt.new — AI-платформа для создания веб-приложений из промптов
Bolt.new — AI-платформа от StackBlitz для создания полноценных веб-приложений прямо в браузере. Промпт, превью, деплой — без локальной настройки.
Блог
Google открыл DESIGN.md для всех — теперь AI-агенты перестанут угадывать ваши цвета
Google Labs выложил в открытый доступ спецификацию DESIGN.md — формат, который объясняет AI-агентам дизайн-систему проекта. Разбираюсь, что внутри и почему это важно.
Знание
Starlight — полнофункциональная тема для документации на Astro
Starlight — тема Astro для сайтов документации. Быстрый старт, настройка навигации, i18n, поиск Pagefind, компоненты и кастомизация
Блог
yandex-office для OpenClaw — один скилл для всего Яндекс 360, от которого не хочется сбежать
Борис Изюмов сделал yandex-office — навык для OpenClaw, который подключает агентов к сервисам Яндекс 360. Разбираю, почему UX онбординга здесь оказался важнее самого кода.
Блог
Asimov открывает чертежи гуманоида — и продаёт набор для сборки за $15 000
Menlo Research выложила в открытый доступ полный дизайн гуманоидного робота Asimov v1 и открыла предзаказ на DIY-кит за $15 000. Разбираемся, почему это важно.
Статья
Что делать, если t.me перестал работать: как мы сделали Telegram-ссылки независимыми
Коротко о сбое t.me, статусе serverHold и о том, как собственные URL сайта с nginx-редиректами делают Telegram-ссылки устойчивее.
Блог
Service-as-a-Software: почему 90% сервисов превращаются в софт
Красивые интерфейсы будут быстро «съедаться» платформами, а реальная ценность сместится в сервис, который работает сам: с данными, интеграциями и понятным результатом.
Блог
Как «украсть» визуальный стиль любого изображения с помощью Gemini 3.1
Три шага, которые позволяют извлечь цвета, типографику, композицию и эффекты любой картинки в виде JSON — и использовать это как стилевой референс.
Статья
Как я наконец-то полностью ушёл с Tilda
История о том, как раздражение от Tilda стало одной из причин появления pimenov.ai, почему я постепенно переносил сайты в собственный контур и как наконец-то закрыл платный аккаунт…
Блог
Вайбкодинг без разрушений: 10 правил рабочего процесса
Как выстроить рабочий контур вокруг ИИ в разработке: документация проекта, декомпозиция задач, ревью, GitHub, проверка кода и безопасность данных.
Блог
FLUX 3: что известно о мультимодальной модели в раннем доступе
Black Forest Labs открыла ранний доступ к FLUX 3: одна мультимодальная модель для видео со звуком до 20 секунд, изображений и предсказания действий.
Статья
Сайт теперь можно читать с ИИ: маленькая кнопка под каждым материалом
Под материалами pimenov.ai появился блок «Прочитать с ИИ»: он копирует готовый промпт и открывает статью в ChatGPT или Claude.
Блог
GPT-5.6 и Codex: главное из Reddit-AMA с командой OpenAI
Команда Codex из OpenAI провела Reddit-AMA: разбор моделей Sol, Terra и Luna, работа с лимитами и скоростью, слияние десктоп-приложений и планы на будущее.
Блог
Ideogram 4 — генератор изображений выложили в открытый доступ
Ideogram 4 вышла с открытыми весами: структурные JSON-промпты, отрисовка текста на разных языках, нативное 2K и всего 9.3 млрд параметров.
Статья
Как мой Codex моего Claude удалил
Личная история о том, как Codex буквально выполнил команду «почистить Claude», и почему агентам с полным доступом к компьютеру нужны очень точные инструкции.
Блог
Codex теперь управляет вашим Mac — и это больше не про код
OpenAI выпустил крупнейшее обновление Codex: агент теперь видит экран, кликает и печатает в любых приложениях Mac. Разбираюсь, почему это меняет правила игры.
Блог
Codex вышел за пределы терминала — теперь он кликает мышкой
OpenAI научил Codex работать с любым приложением на macOS через курсор, генерировать картинки прямо в треде и продолжать задачи через automations. Разбираюсь, что это меняет на пра…
Знание
BMAD — фреймворк агентной разработки через ИИ-навыки и спецификации
Open-source метод, который превращает вайб-кодинг в предсказуемый процесс: специализированные ИИ-навыки, проверяемые спецификации, контекст в репозитории.
Блог
OpenAI добавил тариф за $100 — потому что Codex стал слишком популярным
OpenAI запускает новый тариф ChatGPT Pro за $100 в месяц с увеличенными лимитами для Codex. Разбираюсь, зачем это нужно и что это говорит о рынке ИИ-кодинга.
Блог
ru-text — плагин, который научил моих ИИ-агентов писать по-русски грамотно
Open-source плагин ru-text для Claude Code и других ИИ-инструментов встроил в нейросети 1040 правил русской типографики, инфостиля и редактуры — от Лебедева и Бирмана до Ильяхова и…
Статья
Почему идеальный план не спасает от багов — и почему это нормально
Вы всё спланировали, написали документацию, продумали архитектуру — а при первом запуске всё равно посыпались ошибки. Разбираюсь, почему так происходит и что с этим делать.
Блог
Monochrome — бесплатный open-source плеер для музыки в lossless-качестве
Monochrome — open-source веб-приложение для стриминга музыки в Hi-Res качестве без рекламы и подписок. Разбираюсь, что внутри и как развернуть у себя.
Блог
Pascal Editor — open-source 3D-редактор зданий прямо в браузере
В открытый доступ выложили полноценный 3D-редактор зданий на React Three Fiber и WebGPU. Без AutoCAD, без Revit, без лицензий за $5 000 в год.
Знание
PRD — что это и как его правильно писать
PRD (Product Requirements Document) — документ требований к продукту. Из чего состоит, зачем нужен, как написать первый PRD и не наступить на классические грабли.
Блог
Люди + агенты в одном чате: как мы собрали рабочий контур в Telegram
Ночной эксперимент: общий Telegram-чат с темами для команды Гиперлогики, где люди и AI-агенты работают вместе — с ролями, маршрутизацией и общей памятью.
Блог
Nano Banana 2: скорость Flash + качество Pro — в одном генераторе
Google выпустил Nano Banana 2 — обновлённую модель генерации изображений, которая объединяет скорость Flash с качеством Pro. Разбираю ключевые улучшения и показываю, как это работа…
Статья
Пять идей для бизнеса на ИИ-агентах: почему настройка важнее разработки
OpenClaw — открытый ИИ-агент, который сам выполняет задачи на вашем компьютере. Разбираю, почему на его настройке можно построить бизнес, и предлагаю пять направлений, которые уже…