Только что интегрировал фреймворк agent-skills от @vercel в App Factory. Теперь каждое приложение, которое мы генерируем, проверяется на соответствие более чем 100 проверенным правилам от команды Vercel. Те же стандарты, которые поддерживают собственные инструменты ИИ Vercel. Открытый исходный код. Автоматически. Вот что изменилось: 🧵

@vercel опубликовал agent-skills - фреймворк для AI кодирующих помощников. Мы взяли их лучшие практики по React (45 правил) и рекомендации по веб-дизайну (более 100 правил) и интегрировали их непосредственно в наш процесс сборки. Каждое сгенерированное приложение теперь проверяется на соответствие этим стандартам.

Как это работает: ЭТАП СТРОИТЕЛЬСТВА ↓ [Написать код] → [Проверка навыков] → [Исправить нарушения] ↓ ЭТАП QA RALPH ↓ [Обзор] → [Соответствие навыкам = 45% от оценки] Навыки обеспечивают рамки во время строительства. Ralph обеспечивает их соблюдение перед отправкой.

Лучшая часть: мы адаптировали веб-правила для React Native. react-best-practices → react-native-best-practices web-design-guidelines → mobile-ui-guidelines Те же паттерны, специфичные для мобильных устройств: - FlatList вместо ScrollView - Целевые области касания ≥44pt - Обработка безопасной зоны - Очистка памяти

Какие навыки важны: КРИТИЧЕСКИЕ (блоки строятся): - Последовательные ожидания → Promise.all - Импорт бочек → Прямые импорты - ScrollView + map → FlatList ВЫСОКИЙ: - Отсутствие меток доступности - Нет анимаций страниц - Спиннеры вместо скелетов

Почему это важно: До: AI создает код, который работает После: AI создает код, который соответствует лучшим практикам производства Тот же AI. Тот же запрос. Лучший результат. Навыки кодируют годы знаний по React/Next.js в автоматические проверки. Спасибо @rauchg за открытый исходный код.

По цифрам: Мобильный конвейер (the_factory): - 3 навыка, 70+ правил - 10% от оценки Ralph Веб-конвейер (web3-factory): - 3 навыка, 145+ правил - 45% от оценки Ralph Каждое приложение должно достигать 95%+ соответствия для отправки.