Frontend

GSAP (GreenSock) — JavaScript-библиотека анимации для веба: твины, таймлайны, ScrollTrigger, интеграция с React и сборка анимированных лендингов в Codex Sites.

Как через Sites в Codex и ChatGPT Work собрать и задеплоить сайт: доступ и публичные ссылки, вход через ChatGPT, БД, домены, лимиты беты и чеклист.

Проектировать с ИИ — значит держать за собой идею и вкус, а исполнение отдавать ИИ: через дизайн-скиллы, сборку по компонентам или доску вдохновения.

Набор Agent Skills для Claude Code, Cursor и Codex: убирает шаблонный фронтенд и помогает ИИ-агенту строить премиальные интерфейсы с продуманной типографикой.

Open-source дизайн-скилл Пола Бакауса, версия 3.9.1: дизайн-хук ловит AI-slop прямо в редакторе, 23 команды, детектор из 45 правил, работа в 11 AI-инструментах.

MCP Apps — первое официальное расширение Model Context Protocol, которое позволяет MCP-серверам возвращать интерактивные UI-компоненты: дашборды, формы, визуализации, многошаговые сценарии. Разбираем, как работает связка OpenAI Apps SDK, MCP-UI и официального SEP-1865.

Зачем я выбрал Astro для контентного сайта: архитектура островов, минимум JS, три режима рендеринга, Content Collections и сравнение с конкурентами.

Переезд сайта на новую платформу без потерь SEO-трафика: редиректы 301, sitemap, canonical, инвентарь URL, контроль в Вебмастере и GSC.

Craftwork — библиотека UI-китов, иллюстраций, 3D, мокапов и шрифтов с доступом из Figma, по MCP и через поиск. Разбираем возможности, тарифы и сценарии.

Kinescope как альтернатива YouTube для видео на сайте: заливка, плеер, AI-обработка, транскрибации, API и интеграция с Notion и Astro.

Что такое Cloudflare Pages, как подключить репозиторий, настроить деплой, привязать домен и чем отличается от GitHub Pages и Vercel. Полное руководство для новичков.

Что такое Cloudflare, зачем нужен, как добавить сайт, перенести DNS и какие сервисы доступны бесплатно. Полное руководство для новичков.

Бесплатный хостинг статических сайтов от GitHub: быстрый старт, деплой через Actions, свой домен, ограничения и практические сценарии.

Open Design — open-source, local-first альтернатива Claude Design. 132 скилла, 150 дизайн-систем, 16 агентных CLI, BYOK на каждом уровне. Apache-2.0.

MagicPath — мультиплеерный AI-канвас, где люди и агенты (Codex, Claude Code, Cursor) проектируют интерфейсы вместе. Генерация UI из промптов, экспорт кода, Figma-импорт.

Bolt.new — AI-платформа от StackBlitz для создания полноценных веб-приложений прямо в браузере. Промпт, превью, деплой — без локальной настройки.

Starlight — тема Astro для сайтов документации. Быстрый старт, настройка навигации, i18n, поиск Pagefind, компоненты и кастомизация

Методология использования HTML вместо Markdown как формата вывода ИИ-агентов: плотность информации, визуальная ясность, интерактивность и сценарии применения

Кураторская библиотека из 130 000+ реальных экранов веба и iOS и 10 000+ пользовательских флоу. Разбираем возможности поиска, сценарии применения для команды и AI-агента, связку с Figma и Refero MCP.

Каталог дизайн-стилей реальных сайтов с готовыми DESIGN.md, токенами и Tailwind v4-конфигами, которые можно сразу отдать AI-агенту. Разбираем, что это, как использовать с Codex и Claude Code и чем отличается от Mobbin и обычного Refero.

Pencil — канвас для дизайна интерфейсов, который живёт в репозитории и общается с ИИ-агентами через MCP. Что умеет, как подключить к Claude Code, Cursor и Codex и где у него слабые места.

В Bot API 9.0 у Telegram Mini Apps появились DeviceStorage и SecureStorage — локальное и защищённое хранилища прямо на устройстве. Разбираем, чем они отличаются от CloudStorage, как ими пользоваться и что туда класть.

Remotion — фреймворк для создания видео на React: компоненты вместо таймлайна, рендер локально и в AWS Lambda. Плюс — как подключить его как Skill в OpenAI Codex CLI и собирать ролики промптами.

Open-source 3D-редактор зданий на React Three Fiber и WebGPU. Работает в браузере без установки — стены, этажи, крыши, интерьеры. Бесплатная альтернатива AutoCAD и Revit для ранних этапов проектирования.

Open-source CMS нового поколения от Cloudflare: TypeScript, Astro, sandbox-плагины, встроенный MCP-сервер и serverless-деплой. Позиционируется как современная замена WordPress.

Обзор AI-инструментов для генерации UI и конвертации в код: Variant, Banani, Motiff, Anima, Builder.io — сравнение и рекомендации.

Utility-first подход к стилизации: основные концепции, адаптив, тёмная тема, плагин Typography для CMS-контента и интеграция с Astro.

Расширенная экосистема вокруг shadcn/ui: сотни компонентов и блоков, шаблоны для Next.js и Astro, генератор тем с AI, Figma-плагин, MCP-сервер и IDE-расширение. Open-source ядро + Pro за $199 (lifetime).

DESIGN.md — формат от Google Stitch: markdown-файл с правилами дизайн-системы, который AI-агенты читают для генерации консистентного UI. Структура, примеры, коллекция готовых файлов.

Библиотека UI-компонентов поверх Tailwind CSS: семантические классы, 35 тем, кастомизация и сравнение с Tailwind UI и shadcn/ui.