mcpField
E
ExpoKit

ExpoKit

ローカル
expokit.in開発ツール17今日更新
リポジトリ公式サイト

ExpoKit について

ExpoKitは、ExpoやReact Nativeアプリ向けのアニメーションUIコンポーネントを扱うコマンドラインツールです。コンポーネントのソースをアプリにコピーして管理でき、タッチ操作に対応し、iOS、Android、Web、Expo Goで利用できます。

主な機能

  1. 01ボタン、入力欄、カード、チャートの追加
  2. 02アニメーション部品と画面一式
  3. 03ライトモードとダークモード
  4. 04タッチ、ジェスチャー、触覚フィードバック対応
  5. 05アプリ内へのコンポーネントソース配置
  6. 06dry-runによる変更内容の確認

活用シーン

  1. 01ExpoアプリへのUIコンポーネント追加
  2. 02React Nativeプロジェクトへのアニメーションチャート追加
  3. 03適用前のインストール変更内容の確認

MCP 対応

READMEにはAI / MCP設定のドキュメントへの言及がありますが、MCPサーバーの機能は説明されていません。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "anshkaran7-expokit": {
      "command": "npx",
      "args": [
        "-y",
        "@expokit/cli"
      ]
    }
  }
}
起動コマンドnpx -y @expokit/cli

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@expokit/cli0.4.2

ツール

4

掲載時のツール一覧 · 2 日前に更新

パラメーター型必須説明
tierenumいいえ無料または Pro のアイテムのみ。free | pro
typeenumいいえこのタイプのアイテムのみ。component | chart | block | template | lib

詳細

@expokit/cli

npm CI OpenSSF Scorecard Dependencies License

ExpoKit の CLI です。Expo および React Native 向けのアニメーション付き UI コンポーネントを提供します。コンポーネントのソースをアプリにコピーするため（shadcn/ui のように）、コードはあなた自身のものになります。

iPhone 上の ExpoKit のチャート：面グラフと棒グラフのスクラブ操作、ゲージのドラッグ、ドーナツグラフのタップ操作

ダークモードとライトモードの iPhone 上の ExpoKit：決済カード、フリップカード、ダッシュボードブロック、チェックアウトブロック
決済カードとフリップカードは無料です。ダッシュボードとチェックアウトの画面はProブロックです。

  • ボタン、入力欄、カード、シート、タブ、チャート、画面全体にアニメーションを搭載し、ライトモードとダークモードに対応
  • タッチ操作向けに設計：iOS、Android、ウェブ、Expo Go で、スプリング、ドラッグジェスチャー、触覚フィードバックに対応
  • コードはあなた自身のもの：アプリ内のプレーンな型付きファイルで提供するため、ランタイムライブラリに縛られません

すべてのコンポーネントをライブプレビューで見る → · Expo Go でスマートフォンから試す →

使い方

Expo アプリのフォルダーで実行します。

npx @expokit/cli@latest init
npx @expokit/cli@latest add button otp-input

import { Button } from '@/components/ui/button';

<Button onPress={save}>Save</Button>;

すべてのコンポーネントを見るには、npx @expokit/cli@latest add --list を実行してください。

ドキュメント

ライブプレビュー、props、インストール、テーマ設定、Pro、AI / MCP のセットアップ、ヘルプなどはすべて expokit.in にあります。

セキュリティ

  • 依存関係やインストールスクリプトはありません。
  • 匿名のインストール回数のみを送信します — add の成功後、CLI はアイテム名（{"items":["button"]}）を expokit.in に送信し、各コンポーネントのインストール回数をサイトに表示できるようにします。トークン、ファイル、パス、マシンの詳細は送信されません。 同じアイテムの追加回数は1日につき1回として数えます。DO_NOT_TRACK=1 または EXPO_KIT_TELEMETRY=0 で無効にできます。CI、 --dry-run、update では実行されません。
  • 書き込み先はアプリ内のみ — components.json、tsconfig.json の @/* エイリアス、コンポーネントファイルです。 --dry-run ですべての変更を事前に確認できます。add は、--force を指定しない限り、変更済みのファイルを上書きしません。 アプリ外を指す components.json の paths は拒否されます。アプリ内のシンボリックリンクはチェックされずにたどられるため、別の場所にフォルダーへのシンボリックリンクがあるクローン済みリポジトリでは、そこに書き込みが行われる可能性があります。
  • 無料コンポーネントのインストールにネットワークは不要です — このパッケージに同梱されています。Pro コンポーネントは expokit.in から HTTPS 経由でダウンロードされます。トークンはあなたのみが読み取り可能な状態で保存され、送信先はこのサイトに限られ、リダイレクト経由で送信されることはありません。 スクリプトでは、トークンを login にパイプするか、EXPO_KIT_TOKEN を設定してください（--token を使うとシェルの履歴に残ります）。
  • 実行するコマンドは1つです： コンポーネントが必要とするパッケージのために npx expo install を実行します。環境変数から EXPO_KIT_TOKEN を除外するため、インストールスクリプトがトークンを参照することはありません。

脆弱性は非公開で報告してください：SECURITY.md。

ライセンス

MIT

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。