Знание
Как на самом деле проектировать дизайн с ИИ
Проектировать с ИИ — значит держать за собой идею и вкус, а исполнение отдавать ИИ: через дизайн-скиллы, сборку по компонентам или доску вдохновения.
Открыть материал →Тема
Интерфейсы и визуальный язык
Frontend, UI, визуальные системы, дизайн-инструменты и интерактивные поверхности. Материалы pimenov.ai по этой теме: статьи, знания, блог и форматы работы.
64 материалов
Все темы → Лучшие входы в тему
6 Знание
Taste Skill — anti-slop набор скиллов для ИИ-агентов
Набор Agent Skills для Claude Code, Cursor и Codex: убирает шаблонный фронтенд и помогает ИИ-агенту строить премиальные интерфейсы с продуманной типографикой.
Открыть материал → Блог
Разработчик собрал 17 дизайн-принципов из докладов Apple в скилл для ИИ-агента
Emil Kowalski собрал 17 принципов дизайна и анимации из докладов Apple WWDC в скилл для ИИ-агента — карманный дизайн-ревьюер, всегда под рукой.
Открыть материал → Блог
shadcn выпустил готовые компоненты для чат-интерфейсов
shadcn выпустил набор компонентов для чат-интерфейсов: стриминг, умная прокрутка через MessageScroller и headless-пакет под Radix и Base UI.
Открыть материал → Статья
Что делать, если t.me перестал работать: как мы сделали Telegram-ссылки независимыми
Коротко о сбое t.me, статусе serverHold и о том, как собственные URL сайта с nginx-редиректами делают Telegram-ссылки устойчивее.
Открыть материал → Знание
Codex Sites: как собрать и задеплоить сайт прямо из Codex
Как через Sites в Codex и ChatGPT Work собрать и задеплоить сайт: доступ и публичные ссылки, вход через ChatGPT, БД, домены, лимиты беты и чеклист.
Открыть материал →Все материалы
58 Знание
GSAP — библиотека анимации для веба
GSAP (GreenSock) — JavaScript-библиотека анимации для веба: твины, таймлайны, ScrollTrigger, интеграция с React и сборка анимированных лендингов в Codex Sites.
Открыть материал → Блог
GPT-5.6 и Codex: главное из Reddit-AMA с командой OpenAI
Команда Codex из OpenAI провела Reddit-AMA: разбор моделей Sol, Terra и Luna, работа с лимитами и скоростью, слияние десктоп-приложений и планы на будущее.
Открыть материал → Блог
Figma Motion: анимация теперь живёт на холсте в одном файле с дизайном
Figma выпустила Motion: режим анимации прямо на холсте, motion-переменные, кейфреймы от агента и экспорт готового кода в Dev Mode.
Открыть материал → Знание
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 и запуска обновлённой версии в прод.
Открыть материал → Знание
Impeccable — открытый дизайн-скилл, который учит AI-инструменты понимать дизайн
Open-source дизайн-скилл Пола Бакауса, версия 3.9.1: дизайн-хук ловит AI-slop прямо в редакторе, 23 команды, детектор из 45 правил, работа в 11 AI-инструментах.
Открыть материал → Знание
HTML вместо Markdown: почему ИИ-агенты генерируют в HTML и как это использовать
Методология использования HTML вместо Markdown как формата вывода ИИ-агентов: плотность информации, визуальная ясность, интерактивность и сценарии применения
Открыть материал → Блог
Google Stitch обновился — и теперь это полноценный «vibe design» для интерфейсов
Google выпустил крупное обновление Stitch — ИИ-инструмента для генерации UI. Теперь это AI-native canvas с голосовым управлением, мгновенными прототипами и поддержкой дизайн-систем…
Открыть материал → Знание
Refero Styles — библиотека DESIGN.md из реальных продуктов для AI-агентов
Каталог дизайн-стилей реальных сайтов с готовыми DESIGN.md, токенами и Tailwind v4-конфигами, которые можно сразу отдать AI-агенту. Разбираем, что это, как использовать с Codex и C…
Открыть материал → Знание
MCP Apps — интерактивный UI внутри MCP-инструментов
MCP Apps — первое официальное расширение Model Context Protocol, которое позволяет MCP-серверам возвращать интерактивные UI-компоненты: дашборды, формы, визуализации, многошаговые…
Открыть материал → Блог
MagicPath теперь официальный плагин Codex
MagicPath стал официальным плагином Codex: дизайн-канвас прямо в кодинг-агенте и двусторонняя связь между дизайном и продакшен-кодом.
Открыть материал → Знание
Remotion — фреймворк программной генерации видео на React и его использование в OpenAI Codex
Remotion — фреймворк для создания видео на React: компоненты вместо таймлайна, рендер локально и в AWS Lambda. Плюс — как подключить его как Skill в OpenAI Codex CLI и собирать рол…
Открыть материал → Знание
Shadcn Studio — расширенная библиотека компонентов и блоков shadcn/ui
Расширенная экосистема вокруг shadcn/ui: сотни компонентов и блоков, шаблоны для Next.js и Astro, генератор тем с AI, Figma-плагин, MCP-сервер и IDE-расширение. Open-source ядро +…
Открыть материал → Блог
Impeccable 3.5: ИИ-агент наконец учится не портить дизайн
Impeccable 3.5 — открытый дизайн-скилл, который чинит «ИИ-слоп» под каждую модель: правила под конкретные дефекты, Live Mode и переработанный детектор антипаттернов.
Открыть материал → Знание
daisyUI: красивые компоненты из коробки
Библиотека UI-компонентов поверх Tailwind CSS: семантические классы, 35 тем, кастомизация и сравнение с Tailwind UI и shadcn/ui.
Открыть материал → Знание
SEO-миграция сайта без потерь трафика
Переезд сайта на новую платформу без потерь SEO-трафика: редиректы 301, sitemap, canonical, инвентарь URL, контроль в Вебмастере и GSC.
Открыть материал → Блог
Codex обновился — /goal mode вышел из эксперимента и стал полноценной функцией
OpenAI выкатили обновление Codex: автономный /goal mode в десктопном приложении, аннотации для дизайнеров, плагины для команд и аналитика
Открыть материал → Знание
Cloudflare — бесплатная защита, ускорение и управление доменами для любого сайта
Что такое Cloudflare, зачем нужен, как добавить сайт, перенести DNS и какие сервисы доступны бесплатно. Полное руководство для новичков.
Открыть материал → Знание
Cloudflare Pages — бесплатный хостинг статических сайтов с деплоем из GitHub
Что такое Cloudflare Pages, как подключить репозиторий, настроить деплой, привязать домен и чем отличается от GitHub Pages и Vercel. Полное руководство для новичков.
Открыть материал → Блог
Impeccable 3 научился генерировать дизайн с нуля — новые возможности для вайб-кодеров
Impeccable — дизайн-скилл для AI-кодинг-инструментов — в третьей версии подключил диффузионные модели. Теперь можно генерировать макеты прямо из терминала.
Открыть материал → Знание
GitHub Pages — бесплатный хостинг статических сайтов прямо из GitHub
Бесплатный хостинг статических сайтов от GitHub: быстрый старт, деплой через Actions, свой домен, ограничения и практические сценарии.
Открыть материал → Знание
Bolt.new — AI-платформа для создания веб-приложений из промптов
Bolt.new — AI-платформа от StackBlitz для создания полноценных веб-приложений прямо в браузере. Промпт, превью, деплой — без локальной настройки.
Открыть материал → Блог
huashu-design — скилл, который превращает терминал в дизайн-студию (и делает это правильно)
huashu-design — open-source скилл для Claude Code, Cursor и других агентов, который умеет делать прототипы, презентации и анимации. Но главная ценность — не в выходных файлах, а в…
Открыть материал → Знание
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, ка…
Открыть материал → Блог
Google открыл DESIGN.md для всех — теперь AI-агенты перестанут угадывать ваши цвета
Google Labs выложил в открытый доступ спецификацию DESIGN.md — формат, который объясняет AI-агентам дизайн-систему проекта. Разбираюсь, что внутри и почему это важно.
Открыть материал → Знание
Pascal Editor — бесплатный 3D-редактор зданий прямо в браузере
Open-source 3D-редактор зданий на React Three Fiber и WebGPU. Работает в браузере без установки — стены, этажи, крыши, интерьеры. Бесплатная альтернатива AutoCAD и Revit для ранних…
Открыть материал → Знание
EmDash — open-source CMS от Cloudflare на базе Astro
Open-source CMS нового поколения от Cloudflare: TypeScript, Astro, sandbox-плагины, встроенный MCP-сервер и serverless-деплой. Позиционируется как современная замена WordPress.
Открыть материал → Блог
yandex-office для OpenClaw — один скилл для всего Яндекс 360, от которого не хочется сбежать
Борис Изюмов сделал yandex-office — навык для OpenClaw, который подключает агентов к сервисам Яндекс 360. Разбираю, почему UX онбординга здесь оказался важнее самого кода.
Открыть материал → Знание
Astro: фреймворк для молниеносных сайтов
Зачем я выбрал Astro для контентного сайта: архитектура островов, минимум JS, три режима рендеринга, Content Collections и сравнение с конкурентами.
Открыть материал → Знание
Tailwind CSS: стилизация без боли
Utility-first подход к стилизации: основные концепции, адаптив, тёмная тема, плагин Typography для CMS-контента и интеграция с Astro.
Открыть материал → Блог
Asimov открывает чертежи гуманоида — и продаёт набор для сборки за $15 000
Menlo Research выложила в открытый доступ полный дизайн гуманоидного робота Asimov v1 и открыла предзаказ на DIY-кит за $15 000. Разбираемся, почему это важно.
Открыть материал → Знание
Craftwork.design — библиотека UI-китов, иллюстраций и мокапов для дизайна
Craftwork — библиотека UI-китов, иллюстраций, 3D, мокапов и шрифтов с доступом из Figma, по MCP и через поиск. Разбираем возможности, тарифы и сценарии.
Открыть материал → Знание
Starlight — полнофункциональная тема для документации на Astro
Starlight — тема Astro для сайтов документации. Быстрый старт, настройка навигации, i18n, поиск Pagefind, компоненты и кастомизация
Открыть материал → Блог
Service-as-a-Software: почему 90% сервисов превращаются в софт
Красивые интерфейсы будут быстро «съедаться» платформами, а реальная ценность сместится в сервис, который работает сам: с данными, интеграциями и понятным результатом.
Открыть материал → Знание
ru-text — плагин для ИИ-агентов, который убирает канцелярит и типографический шум в русском тексте
ru-text — open-source плагин для Claude Code, Codex, Cursor, Gemini, Notion и др. (~1 044 правила русской типографики, инфостиля, редактуры, UX и деловой переписки). Как установить…
Открыть материал → Блог
Как «украсть» визуальный стиль любого изображения с помощью Gemini 3.1
Три шага, которые позволяют извлечь цвета, типографику, композицию и эффекты любой картинки в виде JSON — и использовать это как стилевой референс.
Открыть материал → Статья
Как я наконец-то полностью ушёл с Tilda
История о том, как раздражение от Tilda стало одной из причин появления pimenov.ai, почему я постепенно переносил сайты в собственный контур и как наконец-то закрыл платный аккаунт…
Открыть материал → Блог
Ideogram 4 — генератор изображений выложили в открытый доступ
Ideogram 4 вышла с открытыми весами: структурные JSON-промпты, отрисовка текста на разных языках, нативное 2K и всего 9.3 млрд параметров.
Открыть материал → Статья
Сайт теперь можно читать с ИИ: маленькая кнопка под каждым материалом
Под материалами pimenov.ai появился блок «Прочитать с ИИ»: он копирует готовый промпт и открывает статью в ChatGPT или Claude.
Открыть материал → Статья
Как мой Codex моего Claude удалил
Личная история о том, как Codex буквально выполнил команду «почистить Claude», и почему агентам с полным доступом к компьютеру нужны очень точные инструкции.
Открыть материал → Блог
Codex теперь управляет вашим Mac — и это больше не про код
OpenAI выпустил крупнейшее обновление Codex: агент теперь видит экран, кликает и печатает в любых приложениях Mac. Разбираюсь, почему это меняет правила игры.
Открыть материал → Блог
Codex вышел за пределы терминала — теперь он кликает мышкой
OpenAI научил Codex работать с любым приложением на macOS через курсор, генерировать картинки прямо в треде и продолжать задачи через automations. Разбираюсь, что это меняет на пра…
Открыть материал → Знание
BMAD — фреймворк агентной разработки через ИИ-персоны
Open-source метод, который превращает хаотичный вайб-кодинг в предсказуемый процесс через 12+ специализированных AI-агентов и структурированные спецификации.
Открыть материал → Блог
OpenAI добавил тариф за $100 — потому что Codex стал слишком популярным
OpenAI запускает новый тариф ChatGPT Pro за $100 в месяц с увеличенными лимитами для Codex. Разбираюсь, зачем это нужно и что это говорит о рынке ИИ-кодинга.
Открыть материал → Блог
ru-text — плагин, который научил моих ИИ-агентов писать по-русски грамотно
Open-source плагин ru-text для Claude Code и других ИИ-инструментов встроил в нейросети 1040 правил русской типографики, инфостиля и редактуры — от Лебедева и Бирмана до Ильяхова и…
Открыть материал → Знание
Paperclip — оркестрация команд AI-агентов как автономной компании
Open-source платформа для управления командами AI-агентов через оргструктуры, бюджеты, тикеты и governance. 32 000+ звёзд на GitHub, плагинная система, 10+ совместимых агентов. Не…
Открыть материал → Блог
Monochrome — бесплатный open-source плеер для музыки в lossless-качестве
Monochrome — open-source веб-приложение для стриминга музыки в Hi-Res качестве без рекламы и подписок. Разбираюсь, что внутри и как развернуть у себя.
Открыть материал → Блог
Pascal Editor — open-source 3D-редактор зданий прямо в браузере
В открытый доступ выложили полноценный 3D-редактор зданий на React Three Fiber и WebGPU. Без AutoCAD, без Revit, без лицензий за $5 000 в год.
Открыть материал → Статья
Почему идеальный план не спасает от багов — и почему это нормально
Вы всё спланировали, написали документацию, продумали архитектуру — а при первом запуске всё равно посыпались ошибки. Разбираюсь, почему так происходит и что с этим делать.
Открыть материал → Блог
Люди + агенты в одном чате: как мы собрали рабочий контур в Telegram
Ночной эксперимент: общий Telegram-чат с темами для команды Гиперлогики, где люди и AI-агенты работают вместе — с ролями, маршрутизацией и общей памятью.
Открыть материал → Блог
Nano Banana 2: скорость Flash + качество Pro — в одном генераторе
Google выпустил Nano Banana 2 — обновлённую модель генерации изображений, которая объединяет скорость Flash с качеством Pro. Разбираю ключевые улучшения и показываю, как это работа…
Открыть материал → Знание
PRD — что это и как его правильно писать
PRD (Product Requirements Document) — документ требований к продукту. Из чего состоит, зачем нужен, как написать первый PRD и не наступить на классические грабли.
Открыть материал → Статья
Пять идей для бизнеса на ИИ-агентах: почему настройка важнее разработки
OpenClaw — открытый ИИ-агент, который сам выполняет задачи на вашем компьютере. Разбираю, почему на его настройке можно построить бизнес, и предлагаю пять направлений, которые уже…
Открыть материал →