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