ExpoKit CLI

ExpoKit копирует в приложение исходники анимированных компонентов Expo и React Native, а CLI и MCP добавляют их по запросу агента.

  • 130 ★ репозитория
  • Последний коммит
  • MIT
CLI

Расширенный доступ

Почему такой уровень

  • CLI копирует файлы в проект и ставит зависимости.
  • MCP-сервер запускается через `npx` последней версии пакета.
Все причины и проверки

expokit/expokit

Установка

Работает в

Ручная установка

npx @expokit/cli@latest init

Первая команда Quick start; компоненты добавляет `npx @expokit/cli@latest add button otp-input`. MCP: `npx -y @expokit/cli@latest mcp`.

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • CLI копирует файлы в проект и ставит зависимости.
  • MCP-сервер запускается через `npx` последней версии пакета.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

ExpoKit работает как shadcn/ui для мобильных приложений: вместо библиотеки в зависимости CLI копирует исходники компонентов в ваш проект. Файлы типизированы и читаемы, их можно менять. Компоненты анимированы на пружинах и жестах, работают на iOS, Android, вебе и в Expo Go на чистых `Animated` и `react-native-svg`, поддерживают светлую и темную темы через `KitProvider` и озвучены для VoiceOver и TalkBack. Команды `npx @expokit/cli@latest init` и `npx @expokit/cli@latest add button otp-input` создают конфигурацию и добавляют компоненты. Отдельный пакет `expo-charts` дает графики: линейные, столбчатые, круговые, свечные и другие. MCP-сервер и плагин Claude Code дают агенту искать и добавлять компоненты самому.

Для кого. Разработчикам мобильных приложений на Expo и React Native, которые хотят готовые анимированные компоненты и просят агента подбирать их.

Подходит, если

  • В проект на Expo добавляют кнопку и поле ввода кода из SMS одной командой.
  • Агент находит подходящий компонент в каталоге и подключает его к экрану.
  • Нужны графики для дашборда: линия, столбцы, шкала, воронка.
  • Тему всего приложения меняют через один `KitProvider`.

Не подходит, если

  • Нужна зависимость с версиями и обновлениями: исходники копируются и дальше принадлежат проекту.
  • Проект не на Expo и React Native.
  • Нужен полностью бесплатный набор готовых экранов.

Пример запроса к агенту

Добавь в проект на Expo компонент `button` и поле `otp-input` и подключи их к экрану входа.

Ограничения

Часть компонентов бесплатна, блоки Pro, например экраны дашборда и оформления заказа, платные (`expokit.in/pricing`). Скопированные исходники больше не обновляются CLI автоматически, их поддерживает ваша команда. Компоненты рассчитаны на Expo с `react-native-svg` и не заменяют полную дизайн-систему. Подробности каталога с живыми превью лежат на `expokit.in/docs/components`, а запуск на телефоне описан в разделе про Expo Go. Лицензия MIT.

Как отключить. Удалите скопированные файлы компонентов из проекта и зависимость `expo-charts`, если ставили ее. Запись MCP уберите из `.mcp.json` или конфигурации клиента.

Частые вопросы

Как добавить компонент?

В папке приложения Expo выполните `npx @expokit/cli@latest init`, затем `npx @expokit/cli@latest add button otp-input`. Исходники копируются в проект.

Как подключить MCP?

Добавьте в `.mcp.json` запись `expokit` с командой `npx` и аргументами `-y @expokit/cli@latest mcp`. Есть и плагин Claude Code.

Работает ли без нативной сборки?

Да, компоненты запускаются на iOS, Android, вебе и в Expo Go, на `Animated` из React Native и `react-native-svg`.

Где посмотреть компоненты?

В каталоге `expokit.in/docs/components` есть живые превью, а через Expo Go их пробуют на телефоне.

Что бесплатно, а что нет?

Свободные компоненты, графики `expo-charts` и CLI бесплатны. Часть блоков, например экраны дашборда и оформления заказа, входит в платный тариф Pro на `expokit.in/pricing`.

Обсуждение

Вопросов и отзывов пока нет.

Официальный

MCP-сервер библиотеки React-компонентов для интерфейсов агентов: агент находит компонент и добавляет его в проект

MCP-серверРасширенный доступ750Звезды репозитория
Выбор редакции

Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки

СкиллРасширенный доступ128 тыс.Звезды репозитория
Официальный

MCP-сервер CodeRocket отдает агенту правила дизайн-системы, компоненты и блоки сохраненной библиотеки только на чтение.

MCP-серверМинимальный доступ247Звезды репозитория

Shadcn UI MCP Server

Shadcn UI v4 MCP Server

MCP-сервер, который отдает агенту исходники, демо и блоки компонентов shadcn/ui для React, Svelte, Vue и React Native

MCP-серверРасширенный доступ3,1 тыс.Звезды репозитория
Официальный

Скилл подбирает и ставит анимированные React-компоненты beUI через публичный MCP или реестр shadcn вместо самодельных виджетов

СкиллРасширенный доступ2 тыс.Звезды репозитория
Официальный

MCP-сервер набора Keyline Icons: агент ищет иконку по имени, берет SVG и готовый импорт React без угадывания названий

MCP-серверМинимальный доступ205Звезды репозитория

Сравнение с похожими

Карточки с тем же главным запросом: чем они отличаются.

ИнструментОфициальныйЗвезды репозиторияГлавное отличие
ExpoKit (эта карточка)нет130
shadcn/uiнет128 022тот же подход копирования компонентов, но для веба; ExpoKit делает его для Expo и React Native
Expo Skillsнет4 125навыки для разработки на Expo; ExpoKit дает готовые анимированные компоненты и графики

Коротко о README

Монорепозиторий с реестром бесплатных компонентов, графиками `expo-charts`, CLI, навыком и плагином Claude Code. Компоненты копируются в проект, как в shadcn/ui.

Бейдж для README

Сообщить о проблеме