Frontend

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

Open-source агент-скилл от Пола Бакауса. Версия 3.5: harness-specific правила, Live Mode (Beta) с правкой страницы и текста в браузере, детектор из 41 правила без jsdom, команда /impeccable init. 23 команды, 7 справочников, PRODUCT.md и DESIGN.md как общая память. Работает в Cursor, Claude Code, Codex, Gemini CLI и др.

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

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

Бесплатный хостинг статических сайтов от 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.

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

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

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

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

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

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

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

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

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

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

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

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