Vercel выпустили Agent Skills, - коллекцию навыков для ИИ-разработчиков
Vercel Labs (разработчики Next.js фреймворка) собрали пакет навыков для агентов-разработчиков фронтенда.
Внутри три модуля:
- react-best-practices — 40+ правил оптимизации React и Next.js от инженеров Vercel по категориям от критических (устранение водопадов, бандл) до низкоприоритетных (микро-оптимизации JS)
- web-design-guidelines — аудит UI на 100+ правил по доступности, производительности и UX
- vercel-deploy-claimable — деплой без авторизации, агент определяет фреймворк из 40+ вариантов, упаковывает проект в tarball и возвращает preview URL плюс claim URL
Отливаем в бронзе:
- каждый сайт должен получить MCP методы
- каждый фреймворк должен получить Skill коллекцию, причем сделать её должен разработчик фреймворка
Skills - это новые драйвера!
#Vercel #Skills #dev
———
@tsingular
Vercel Labs (разработчики Next.js фреймворка) собрали пакет навыков для агентов-разработчиков фронтенда.
Внутри три модуля:
- react-best-practices — 40+ правил оптимизации React и Next.js от инженеров Vercel по категориям от критических (устранение водопадов, бандл) до низкоприоритетных (микро-оптимизации JS)
- web-design-guidelines — аудит UI на 100+ правил по доступности, производительности и UX
- vercel-deploy-claimable — деплой без авторизации, агент определяет фреймворк из 40+ вариантов, упаковывает проект в tarball и возвращает preview URL плюс claim URL
Отливаем в бронзе:
- каждый сайт должен получить MCP методы
- каждый фреймворк должен получить Skill коллекцию, причем сделать её должен разработчик фреймворка
Skills - это новые драйвера!
#Vercel #Skills #dev
———
@tsingular
✍12🔥10❤5⚡3💯1
Vercel: UI на автомате
Команда Vercel Labs выкатила json-render,- фреймворк для рендера Generative UI.
Это когда ИИ сам рисует интерфейсы по вашим правилам.
Главная проблема дизайна от ИИ — непредсказуемость.
Либо он галлюцинирует кнопками, которых нет, либо ломает верстку. Vercel решили это через строгую типизацию.
Что умеет движок:
⚙️ Жесткие гайдлайны: ИИ генерирует JSON-спецификацию, но может использовать только те компоненты, которые вы разрешили в каталоге. Никакой самодеятельности.
🚀 Progressive Streaming: Интерфейс начинает отрисовываться в реальном времени, пока модель еще дописывает ответ. Никаких экранов загрузки.
📱 Кроссплатформенность: Один каталог компонентов работает и в вебе (React), и в мобайле (React Native), и даже в видео (Remotion).
🔗 Динамика и условия: Поддержка $state и условий видимости прямо внутри JSON. Интерфейс может меняться на лету в зависимости от ввода пользователя.
Это и есть шаг к парадигме, которую мы обсуждаем последние недели,- когда вместо бэкэнда у вас становится ИИ,- то интерфейсы, для удобства сбора информации от человека, он будет генерировать на лету сам.
Я уже добавил как навык для Молти.
Можно пилить приложение или Telegram Mini App где ИИ будет как раз сам на лету собирать динамичный UI.
#Vercel #GenerativeUI #Frontend #DataVis
------
@tsingular
Команда Vercel Labs выкатила json-render,- фреймворк для рендера Generative UI.
Это когда ИИ сам рисует интерфейсы по вашим правилам.
Главная проблема дизайна от ИИ — непредсказуемость.
Либо он галлюцинирует кнопками, которых нет, либо ломает верстку. Vercel решили это через строгую типизацию.
Что умеет движок:
⚙️ Жесткие гайдлайны: ИИ генерирует JSON-спецификацию, но может использовать только те компоненты, которые вы разрешили в каталоге. Никакой самодеятельности.
🚀 Progressive Streaming: Интерфейс начинает отрисовываться в реальном времени, пока модель еще дописывает ответ. Никаких экранов загрузки.
📱 Кроссплатформенность: Один каталог компонентов работает и в вебе (React), и в мобайле (React Native), и даже в видео (Remotion).
🔗 Динамика и условия: Поддержка $state и условий видимости прямо внутри JSON. Интерфейс может меняться на лету в зависимости от ввода пользователя.
Это и есть шаг к парадигме, которую мы обсуждаем последние недели,- когда вместо бэкэнда у вас становится ИИ,- то интерфейсы, для удобства сбора информации от человека, он будет генерировать на лету сам.
Я уже добавил как навык для Молти.
Можно пилить приложение или Telegram Mini App где ИИ будет как раз сам на лету собирать динамичный UI.
#Vercel #GenerativeUI #Frontend #DataVis
------
@tsingular
2🔥14❤5⚡3👍3🫡2👨💻1
Next.js 16.2: документация по френтэнду и браузер для ИИ-агентов
Обновление направлено на предоставление актуального локального контекста и инструментов отладки для автономных систем.
Изменения делают фреймворк более удобным для прямого программного управления ИИ агентами.
📕 Файл
По результатам Vercel, наличие статичного контекста дает 100% успех при выполнении задач против 79% при поиске в интернете. ИИ реже ошибается из-за использования устаревших API.
👁 next-browser: Структурный анализ: CLI @vercel/next-browser предоставляет текстовое представление React-компонентов, пропсов и хуков. Это позволяет агентам исправлять ошибки и настраивать частичный пререндеринг (PPR) без графического интерфейса.
📡 Терминальная отладка: Ошибки консоли браузера теперь дублируются в терминал. Это критично для агентов, работающих исключительно в текстовой среде. Они могут ловить и исправлять баги клиентской части в реальном времени, не выходя из консольной сессии.
💼 Зачем бизнесу: Переход к автономной инженерии. Next.js 16.2 снижает стоимость поддержки кода: агент быстрее входит в проект и допускает меньше ошибок благодаря доступу к документации. Рутинная отладка фронтенда теперь официально автоматирована.
Что-то все кинулись делать свои кодовые браузеры для агентов.
Это уже третий за 7 дней?
#NextJS #Vercel #AI #Агенты #WebDev #JavaScript #OpenSource
───
@tsingular
Обновление направлено на предоставление актуального локального контекста и инструментов отладки для автономных систем.
Изменения делают фреймворк более удобным для прямого программного управления ИИ агентами.
📕 Файл
AGENTS.md как стандарт: При создании проекта через create-next-app теперь добавляется файл AGENTS.md. Он указывает агентам (Claude Code, Cursor) использовать документацию версии Next.js из node_modules. <!-- BEGIN:nextjs-agent-rules -->
# Next.js: ALWAYS read docs before coding
Before any Next.js work, find and read the relevant doc in node_modules/next/dist/docs/. Your training data is outdated — the docs are the source of truth.
<!-- END:nextjs-agent-rules -->
По результатам Vercel, наличие статичного контекста дает 100% успех при выполнении задач против 79% при поиске в интернете. ИИ реже ошибается из-за использования устаревших API.
👁 next-browser: Структурный анализ: CLI @vercel/next-browser предоставляет текстовое представление React-компонентов, пропсов и хуков. Это позволяет агентам исправлять ошибки и настраивать частичный пререндеринг (PPR) без графического интерфейса.
📡 Терминальная отладка: Ошибки консоли браузера теперь дублируются в терминал. Это критично для агентов, работающих исключительно в текстовой среде. Они могут ловить и исправлять баги клиентской части в реальном времени, не выходя из консольной сессии.
💼 Зачем бизнесу: Переход к автономной инженерии. Next.js 16.2 снижает стоимость поддержки кода: агент быстрее входит в проект и допускает меньше ошибок благодаря доступу к документации. Рутинная отладка фронтенда теперь официально автоматирована.
Что-то все кинулись делать свои кодовые браузеры для агентов.
Это уже третий за 7 дней?
#NextJS #Vercel #AI #Агенты #WebDev #JavaScript #OpenSource
───
@tsingular
3✍12❤3⚡2👍1
Vercel песочница, - самая быстрая microVM-песочница для ИИ-агентов на диком западе
Guillermo Rauch (CEO Vercel) заявил, что Vercel Sandbox стал номером один среди microVM-песочниц.
Независимый бенчмарк ComputeSDK это подтверждает: Vercel на втором месте с медианным запуском 0.38 секунды, первое за Daytona с 0.10 секунды.
⚙️ Как устроен: Firecracker microVM с собственным ядром на sandbox.
microVM даёт каждой песочнице собственное ядро, выход ИИ агента за её пределы не возможен.
🧩 Не путаем с Kubernetes: Контейнеры и microVM решают разные задачи. K8s управляет развёртыванием сервисов, балансировкой, скейлингом. Песочницы дают изоляцию для исполнения непроверенного кода, который агенты генерят на каждом шаге.
microVM-изоляция аппаратная через KVM. Т.е microVM работает внутри подов как рабочая среда агента.
Это не конкуренция подам кубера.
🇷🇺 Свой sandbox на своей инфраструктуре: Vercel работает как облачный сервис только в iad1 (US East). Если вам нужно собрать что то похожее в закрытом контуре для изолированной инфраструктуры есть такие open-source варианты:
Microsandbox (5.1K звёзд, Apache 2.0): серверный, запуск <200ms, любой Docker-образ, программируемый networking, multi-agent с peer-sandbox.
BoxLite (1.6K звёзд, Apache 2.0): встраивается как библиотека без демона, запуск <50ms, stateful, snapshot + fork для 500 копий из одного образа.
💼 Зачем бизнесу: Агенты генерируют непроверенный код. Песочницы дают изоляцию от продакшена, параллелизм и воспроизводимость через снапшоты.
Для изолированной инфраструктуры self-hosted варианты не зависят от зарубежных облаков.
В этом плане, кстати, направление контейнерной безопасности будет расти кратно, - надо ж теперь не только за подами следить, но и за вот такими атомарными песочницами.
#Vercel #песочницы #ИИ #агенты #microVM #VM
------
@tsingular
Guillermo Rauch (CEO Vercel) заявил, что Vercel Sandbox стал номером один среди microVM-песочниц.
Независимый бенчмарк ComputeSDK это подтверждает: Vercel на втором месте с медианным запуском 0.38 секунды, первое за Daytona с 0.10 секунды.
⚙️ Как устроен: Firecracker microVM с собственным ядром на sandbox.
microVM даёт каждой песочнице собственное ядро, выход ИИ агента за её пределы не возможен.
🧩 Не путаем с Kubernetes: Контейнеры и microVM решают разные задачи. K8s управляет развёртыванием сервисов, балансировкой, скейлингом. Песочницы дают изоляцию для исполнения непроверенного кода, который агенты генерят на каждом шаге.
microVM-изоляция аппаратная через KVM. Т.е microVM работает внутри подов как рабочая среда агента.
Это не конкуренция подам кубера.
🇷🇺 Свой sandbox на своей инфраструктуре: Vercel работает как облачный сервис только в iad1 (US East). Если вам нужно собрать что то похожее в закрытом контуре для изолированной инфраструктуры есть такие open-source варианты:
Microsandbox (5.1K звёзд, Apache 2.0): серверный, запуск <200ms, любой Docker-образ, программируемый networking, multi-agent с peer-sandbox.
BoxLite (1.6K звёзд, Apache 2.0): встраивается как библиотека без демона, запуск <50ms, stateful, snapshot + fork для 500 копий из одного образа.
💼 Зачем бизнесу: Агенты генерируют непроверенный код. Песочницы дают изоляцию от продакшена, параллелизм и воспроизводимость через снапшоты.
Для изолированной инфраструктуры self-hosted варианты не зависят от зарубежных облаков.
В этом плане, кстати, направление контейнерной безопасности будет расти кратно, - надо ж теперь не только за подами следить, но и за вот такими атомарными песочницами.
#Vercel #песочницы #ИИ #агенты #microVM #VM
------
@tsingular
✍8❤3⚡1👍1
Forwarded from Machinelearning
This media is not supported in your browser
VIEW IN TELEGRAM
Проект fx начинался как внутренний инструмент Vercel Labs и представляет собой харнесс, написанный на Zig для исследования моделей и встраивание в другие системы.
Бинарник весит всего 6,3 Mб, а время запуска заявлено всего в 10 микросекунд, при этом базовое потребление памяти составляет всего несколько мегабайт.
Привязки к конкретной модели или провайдеру нет, инференс годится и локальный, и облачный. Небольшое ядро расширяется через skills, плагины и MCP.
Интерфейс сделан скорее как юниксовая оболочка, чем как IDE в терминале - fx сохраняет историю прокрутки, выдаёт минимум вывода и очень скупо рисует сложный TUI.
Через WebAssembly fx запускается прямо в браузере - попробовать можно на fx.sh/try, ничего не устанавливая.
Приватность заявлена как философия - продуктовой телеметрии нет, сессии и статистика использования остаются локально, а исходный код и промпты не уходят никуда, кроме эндпойнта инференса.
При локальном инференсе и отключённых автообновлениях fx работает полностью герметично.
⚠️ Проект экспериментальный - пользоваться стоит на свой риск. Vercel обещает, что изменения будут частыми.
@ai_machinelearning_big_data
#AI #ML #Harness #Agents #Fx #Vercel
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4✍2🔥2⚡1👍1🏆1
Vercel выпустили шаблон инструкций для дизайна
Vercel выложили Design.MD: файл, который учит любого агента делать страницы «как Vercel».
Кладёшь ссылку в промпт, и вместо безликого SaaS-дашборда получается страница в их стиле.
🔧 Почему наивный подход не работает:
Сначала они просто вынесли внутренний скилл в публичный промпт, и каждая модель поняла «держи макет чистым» по-своему, без живых компонентов рядом правды не добиться.
Тогда систему собрали из трёх частей: design.md хранит суждения (как строить иерархию и какие паттерны генерируемого дизайна никогда не показывать), публичный stylesheet даёт готовые классы и токены, а eval-цикл превращает правки людей в правила.
Красивая деталь: CSS агент даже не читает, тот подгружается в браузере, и контекст экономится под правила.
📊 Как проверяли: семь сценариев с фиксированными данными, от продления контракта до бенчмарк-отчёта, и больше 200 прогонов.
На финальном тесте страницы с design.md набрали 39 известных косяков против 91 без файла, т.е. на 57% меньше.
Есть правда уточнение от Vercel: все шесть страниц имели хотя бы один блокирующий косяк, так что человек на контроле все-таки нужен.
💡 Главный приём: каждой правке дали наблюдаемую форму.
Вместо «сделай таблицу попросторнее» правило звучит как «таблица доказательств занимает всю доступную ширину», такое можно и выучить, и проверить кодом.
А повторяющимся антипаттернам дали имена: названный паттерн агент узнаёт и обходит гораздо надёжнее.
💼 Файл публичный, и рецепт тоже: взять один повторяющийся артефакт, сохранить базовую версию, переписать последние десять своих правок наблюдаемыми правилами и гонять сравнение вслепую.
📎 design.md · Разбор Vercel · Шаблон дизайн-агента
#Vercel #агенты #дизайн
———
@tsingular
Vercel выложили Design.MD: файл, который учит любого агента делать страницы «как Vercel».
Кладёшь ссылку в промпт, и вместо безликого SaaS-дашборда получается страница в их стиле.
🔧 Почему наивный подход не работает:
Сначала они просто вынесли внутренний скилл в публичный промпт, и каждая модель поняла «держи макет чистым» по-своему, без живых компонентов рядом правды не добиться.
Тогда систему собрали из трёх частей: design.md хранит суждения (как строить иерархию и какие паттерны генерируемого дизайна никогда не показывать), публичный stylesheet даёт готовые классы и токены, а eval-цикл превращает правки людей в правила.
Красивая деталь: CSS агент даже не читает, тот подгружается в браузере, и контекст экономится под правила.
📊 Как проверяли: семь сценариев с фиксированными данными, от продления контракта до бенчмарк-отчёта, и больше 200 прогонов.
На финальном тесте страницы с design.md набрали 39 известных косяков против 91 без файла, т.е. на 57% меньше.
Есть правда уточнение от Vercel: все шесть страниц имели хотя бы один блокирующий косяк, так что человек на контроле все-таки нужен.
💡 Главный приём: каждой правке дали наблюдаемую форму.
Вместо «сделай таблицу попросторнее» правило звучит как «таблица доказательств занимает всю доступную ширину», такое можно и выучить, и проверить кодом.
А повторяющимся антипаттернам дали имена: названный паттерн агент узнаёт и обходит гораздо надёжнее.
💼 Файл публичный, и рецепт тоже: взять один повторяющийся артефакт, сохранить базовую версию, переписать последние десять своих правок наблюдаемыми правилами и гонять сравнение вслепую.
📎 design.md · Разбор Vercel · Шаблон дизайн-агента
#Vercel #агенты #дизайн
———
@tsingular
🔥5👍4❤2⚡1