mcpField
O
opointo

opointo

リモート
opointo.com開発ツール04 週間前に更新
リポジトリ公式サイト

opointo について

opointo は、画面、コンポーネント、ナビゲーション、テーマのデザインを、iOS と Android 向けの Expo プロジェクトに変換するブラウザベースのアプリビルダーです。コーディングエージェントを使ってネイティブアプリを作成・拡張するチーム向けに、コンポーネント情報、コード生成、検証機能を提供します。

主な機能

  1. 01コンポーネントの一覧と詳細の確認
  2. 02UI の説明からコンポーネントを検索
  3. 03TSX の空白表示バグを検出
  4. 04デザインからアプリや画面を生成
  5. 05プロジェクトのコンポーネントを追加・更新
  6. 06生成したアプリを検証

活用シーン

  1. 01ブラウザ上のデザインを Expo アプリに変換
  2. 02既存アプリ向けの画面を生成
  3. 03UI の要件に合うコンポーネントを検索
  4. 04ビルド前に生成コードを確認

MCP 対応

Streamable HTTP 経由で、接続したコーディングエージェントにデザイン情報とアプリ生成ツールを提供します。一部のツールは無料で、アプリの書き込みと検証にはサブスクリプションが必要です。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://opointo.com/api/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

11
パラメーター型必須説明
needstringいいえ例:"a progress bar for an upload"
categoryenumいいえcontrols | chrome | surfaces

詳細

opointo MCP サーバー

アプリをビジュアルにデザイン。動作するネイティブアプリを手に入れましょう。

opointo はアプリビルダーです。ブラウザー上でアプリをデザインすると(画面、ブロック、矢印で描くナビゲーション、テーマなど)、コーディングエージェントが所有権を保てる本物の Expo プロジェクトに変換します。iOS と Android で共通のコードベースを使い、iOS 26 では Liquid Glass、Android では Material 3 Expressive に対応します。

この MCP サーバーを通じて、デザインがエージェントに届きます。次の場所にあります。

https://opointo.com/api/mcp

Streamable HTTP です。このリポジトリには、サーバーの公開リストとセットアップ手順が含まれており、ソースコードは含まれていません。

ツール

無料、アカウント不要: コンポーネントを正しく使うためにエージェントが必要とするすべての機能です。

ツール機能
list_components提供されているコンポーネントと、実際の iOS システムコントロールを描画するもの
get_component1 つのコンポーネントの Props、型、デフォルト値、値の範囲
find_component平易な言葉で説明された UI のニーズに合うコンポーネントを順位付けして提示
get_rulesコンポーネントが何も描画しなくなる原因となる誤りなど、実行時のルール
get_provider_tree正しく動作する順序で並べた、アプリルートのプロバイダーのネスト構造
get_theme_tokensテーマフックと、間隔、角丸、タイポグラフィのスケール
check_snippetこれらのコンポーネントを使う TSX 内の、何も描画されない不具合を検出
get_stepアプリレシピの 1 ステップを展開

サブスクリプション登録時: アプリの作成と検証を行うツールです。

ツール機能
emit_appopointo のデザインを動作する Expo アプリに変換:ナビゲーション、プロバイダー、タブバー、画面
emit_screenデザイン済みの 1 画面を、既存のアプリ用ファイルに変換
add_screenエクスポート済みのアプリに新しい画面を追加
install_component既存のプロジェクトにコンポーネントを追加
update_componentsiOS と Android の変更に合わせて、opointo が提供するファイルを更新
verify_appビルド前に、生成されたアプリが正しく適用されているか確認

プランとライセンスキー:opointo.com/pricing。

セットアップ

以下の各スニペットを追加すると、無料ツールを利用できます。有料ツールを使うには、ライセンスキーをベアラートークンとして追加してください。opointo.com/mcp では、各エージェントに対応する正確な設定方法を確認できます。

Claude Code

claude mcp add --transport http --scope user opointo https://opointo.com/api/mcp

Cursor(~/.cursor/mcp.json)

{
  "mcpServers": {
    "opointo": { "url": "https://opointo.com/api/mcp" }
  }
}

VS Code(.vscode/mcp.json)

{
  "servers": {
    "opointo": { "type": "http", "url": "https://opointo.com/api/mcp" }
  }
}

Codex

codex mcp add opointo --url https://opointo.com/api/mcp

Gemini CLI

gemini mcp add --scope user --transport http opointo https://opointo.com/api/mcp

要件

エクスポートされるアプリは Expo プロジェクトです。iOS 向けにビルドするには Xcode 26 を搭載した Mac が必要です。各プラットフォームでの検証状況については、opointo.com/compatibility をご覧ください。

リンク

コメント

MCP は初めてですか?

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

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