mcpField
M
Magic Booklet

Magic Booklet

リモート
magicbooklet.comメディア・デザイン0今日更新
リポジトリ公式サイト

Magic Booklet について

Magic Bookletは、画像・動画・モーションを生成し、公開フィードで作品を共有できるクリエイター向けAI UGCプラットフォームです。検索、クリエイターマーケットプレイス、テンプレート、ノードベースのワークフロービルダーも備えています。

主な機能

  1. 01AI画像・動画・モーション生成
  2. 02ソーシャル機能付き公開フィード
  3. 03統合検索
  4. 04クリエイターマーケットプレイスとリソースパック
  5. 05テンプレートとノードベースのワークフロー

活用シーン

  1. 01UGC用の画像や動画の生成
  2. 02クリエイター作品の閲覧と共有
  3. 03リソース、テンプレート、ワークフローの検索

設定

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

エンドポイントhttps://magicbooklet.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 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

Magicbooklet

AI UGC 作成プラットフォームです。画像、動画、モーションの生成（プロバイダー：Kie.ai）、ソーシャル機能を備えた一般公開のショーケースフィード、統合検索、有料リソースバンドルを提供するクリエイターマーケットプレイス、テンプレート、ノードベースのワークフロービルダーを提供します。magicbooklet.com で公開中です。

このリポジトリには、プロダクトの3つの部分すべてが含まれています。

部分場所稼働先
Webアプリ＋APIsrc/（Next.js 16 App Router、React 19、Tailwind v4）Vercel、リージョン bom1
信頼できるバックエンドsupabase/（Postgres 17、Auth、Storage、RLS、RPC、エッジ関数1つ）Supabase
モバイルアプリugc-mobile/（Expo SDK 55＋expo-router。独自のnpmワークスペース）App Store、Google Play、expo-updates経由のOTA

まずはこちら

  • AGENTS.md：すべてのコマンド、アーキテクチャ、規約、重要な注意事項を記載しています（コーディングエージェントも参照します）。
  • docs/README.md：運用手順書と参考資料のインデックスです。
  • docs/local-development.md：ローカルのSupabaseスタックと開発サーバーについて説明しています。

クイックスタート（Web）

nvm use            # Node 24, from .nvmrc
npm ci
cp .env.example .env.local   # then fill in the values you have
npm run dev        # http://localhost:3000

CIがすべてのプルリクエストで実行するゲートの順序は次のとおりです。

npm test && npm run lint && npm run typecheck && npm run typecheck:scripts && npm run typecheck:tests
npm run build && npm run build:verify

モバイルアプリは独自の npm ci、npm test、npm run typecheck を備えた ugc-mobile/ にあります。READMEを参照してください。

構成

.github/workflows/   quality, production release, mobile store release, watchdogs
config/              catalog release manifests, performance budgets, Lighthouse config
content/blog/        blog posts (markdown)
contracts/           versioned web <-> mobile JSON contracts
docs/                runbooks at the root; design/, audits/, plans/, research/, model-api-references/
public/              static assets
scripts/             backfills, ops CLIs, certification harness, build checks
src/app/             routes (thin route.ts shells) and route-local UI
src/lib/             route adapters, services, and domain modules (flat, prefix-organised)
src/__tests__/       all web unit and integration tests
supabase/            migrations, pgTAP tests, the kie-webhook edge function
tests/e2e/           Playwright smoke tests
ugc-mobile/          the Expo app

本番環境へのデプロイは、main がQualityに合格した後、リリースワークフローによって管理されます。手動でデプロイすることはありません。詳細：docs/production-deployment-runbook.md。

コメント

Markdown 対応

MCP は初めてですか？

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

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