opointo について
opointo は、画面、コンポーネント、ナビゲーション、テーマのデザインを、iOS と Android 向けの Expo プロジェクトに変換するブラウザベースのアプリビルダーです。コーディングエージェントを使ってネイティブアプリを作成・拡張するチーム向けに、コンポーネント情報、コード生成、検証機能を提供します。
主な機能
- 01コンポーネントの一覧と詳細の確認
- 02UI の説明からコンポーネントを検索
- 03TSX の空白表示バグを検出
- 04デザインからアプリや画面を生成
- 05プロジェクトのコンポーネントを追加・更新
- 06生成したアプリを検証
活用シーン
- 01ブラウザ上のデザインを Expo アプリに変換
- 02既存アプリ向けの画面を生成
- 03UI の要件に合うコンポーネントを検索
- 04ビルド前に生成コードを確認
MCP 対応
Streamable HTTP 経由で、接続したコーディングエージェントにデザイン情報とアプリ生成ツールを提供します。一部のツールは無料で、アプリの書き込みと検証にはサブスクリプションが必要です。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://opointo.com/api/mcpclaude mcp add --transport http com-opointo-opointo https://opointo.com/api/mcp{"mcpServers":{"com-opointo-opointo":{"type":"http","url":"https://opointo.com/api/mcp"}}}Cursor で開く{"servers":{"com-opointo-opointo":{"type":"http","url":"https://opointo.com/api/mcp"}}}VS Code で開く{"mcpServers":{"com-opointo-opointo":{"type":"http","url":"https://opointo.com/api/mcp"}}}{"mcpServers":{"com-opointo-opointo":{"serverUrl":"https://opointo.com/api/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
11| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| need | string | いいえ | 例:"a progress bar for an upload" |
| category | enum | いいえ | 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_component | 1 つのコンポーネントの Props、型、デフォルト値、値の範囲 |
find_component | 平易な言葉で説明された UI のニーズに合うコンポーネントを順位付けして提示 |
get_rules | コンポーネントが何も描画しなくなる原因となる誤りなど、実行時のルール |
get_provider_tree | 正しく動作する順序で並べた、アプリルートのプロバイダーのネスト構造 |
get_theme_tokens | テーマフックと、間隔、角丸、タイポグラフィのスケール |
check_snippet | これらのコンポーネントを使う TSX 内の、何も描画されない不具合を検出 |
get_step | アプリレシピの 1 ステップを展開 |
サブスクリプション登録時: アプリの作成と検証を行うツールです。
| ツール | 機能 |
|---|---|
emit_app | opointo のデザインを動作する Expo アプリに変換:ナビゲーション、プロバイダー、タブバー、画面 |
emit_screen | デザイン済みの 1 画面を、既存のアプリ用ファイルに変換 |
add_screen | エクスポート済みのアプリに新しい画面を追加 |
install_component | 既存のプロジェクトにコンポーネントを追加 |
update_components | iOS と 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 をご覧ください。
リンク
- アプリビルダー:opointo.com
- ドキュメント:opointo.com/docs
- プライバシー:opointo.com/privacy
- 利用規約:opointo.com/terms
- お問い合わせ:[email protected]
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。