DesignSetGo apps
仕組み 例 ドキュメント 料金 ブログ WP Blocks 無料でインストール

Documentation

Five minutes from installed to shipped.

Three paths to a live app. Drop a saved HTML page in wp-admin (Path A). Upload a packaged bundle with a manifest (Path B). Or scaffold and deploy from your editor with the CLI (Path C). The Riff AI builder adds the in-admin Pro path, and Connect lets claude.ai, chatgpt.com, Cursor, or Claude Desktop build apps over MCP.

無料プラグインをインストール

プラグインのインストール

以下をダウンロードしてください。 無料プラグイン zip。その後、wp-admin で次に進んでください。 プラグイン → 新規追加 → プラグインのアップロード、zip を選択してアクティベートしてください。(WordPress.org リスティングはレビュー中です。このページはリリース後に更新されます。) プラグインは WordPress 6.9 以上で動作します。WordPress 7.0 (2026年5月20日) は以下に必要です。 dsgo.ai.prompt() および管理画面内の Riff ビルダー。Ability の使用はサイトの Abilities API の利用可能状況に依存し、API または指定された ability が存在しない場合は機能が低下します。

有効化すると、次のものが表示されます。 DSGo Apps が wp-admin サイドバーに表示されます。

Free vs Pro

どのプランでどの方法が使えますか？

方法 / 機能FreeProStudio
Path A、wp-admin で HTML アーティファクトをアップロードはい、1つのアクティブなアプリはい、無制限のアクティブなアプリはい、無制限のアクティブなアプリ
Path B、wp-admin でパッケージ済みバンドルをアップロードはい、1つのアクティブなアプリはい、無制限のアクティブなアプリはい、無制限のアクティブなアプリ
Path C、CLI でのスキャフォールドとエディタからのデプロイinit のみ。デプロイは Proはい、無制限のアクティブなアプリはい、無制限のアクティブなアプリ
Riff、管理画面内 AI ビルダーいいえ含まれています含まれています
Apps-as-Abilities の公開 ( abilities.publishes)インストール済み、非アクティブアクティブアクティブ
スケジュールジョブ / webhook エンドポイントインストール済み、非アクティブアクティブアクティブ
ライブダイナミックルート ( wp:posts, wc:products)インストール済み、非アクティブアクティブアクティブ
マルチサイト CLI デプロイ ( --sites=a,b,c)いいえStudio ティア含まれています
ホワイトラベルいいえいいえ含まれています

Freeはwp-adminアップロードで必要なだけ多くのバンドルをインストールできますが、一度にアクティブなのは1つだけです（アプリリストでアプリごとに切り替え可能）。Pro専用ランタイム宣言はFreeにインストール可能ですが、ゲートされた動作はProライセンスまたは試用版がアクティブになるまで非アクティブなままです。 料金を見る →

Path A、アーティファクトのアップロード (ターミナル不要)

Claude、ChatGPT、v0、または静的 HTML のアーティファクトをダウンロードしました。wp-admin を離れずにインストールできます。

  1. WordPress 管理画面 → DSGo Apps.
  2. 初回起動時のチューザーを使ってスターターアプリをインストールするか、そのまま アーティファクトのアップロード を選択して、次のファイルをドロップしてください。 .html または静的 .zip.
  3. アプリ ID と表示名を確認し、インストールしてください。
  4. 完了後のアクションを使って、アプリを開く、URL をコピーする、投稿に埋め込む、またはサイトのホームページに設定することができます。

アンインストールするには、次の行にカーソルを合わせてください。 インストール済みアプリ の行にカーソルを合わせてクリックしてください。 削除.

Path B、パッケージ済みバンドルのアップロード

次のものを含む構築済みバンドルがある場合は、 dsgo-app.json マニフェストがある場合は、以下を選択してください。 バンドルのアップロード DSGo Apps 画面で zip をドロップし、機能リスト、レンダリングモード、ネットワークポリシーを確認してから、インストールを承認してください。

Path C、CLI の使用

反復速度のために推奨されます。次を使用します。 @designsetgo/cli. CLI はオープンソースで、 apps init ローカルで動作しますが、サイトへの CLI デプロイは Pro 機能；サーバーは計画の境界でアプリケーションパスワードのインストールをゲートします。Freeはwp-adminアップロードパス（パスAおよびパスB）で1つのアクティブなアプリをサポートします。

エージェントユーザー

AI エージェントにこのページを読まずにすべて把握させたいですか？

npx skills add DesignSetGo/skills 5つの エージェントスキル (scaffold、manifest、bridge、CLI、abilities) を Claude Code、Cursor、Codex、または Claude Desktop に展開します。エージェントはオンデマンドでこれらを読み込むため、以下の前に bridge およびマニフェストの質問に答えることができます。 apps init が実行されます。参照してください。 DesignSetGo/skills.

サイトの初回セットアップ

  1. 以下を有効化してください。 DesignSetGo Apps プラグイン。
  2. WordPress の アプリケーションパスワード: https://your-site.com/wp-admin/profile.php#application-passwords-section
  3. 24文字の値をコピーしてください。一度だけ表示されます。

アプリのスキャフォールド

shellnpx
npx @designsetgo/cli apps init my-app
cd my-app

ビルドステップなしの単一ファイルスターターを作成します ( index.html + dsgo-app.json + CLAUDE.md) ビルドステップなし)。以下を追加してください。 --astro ファイルベースのルーティングを使用したマルチページ Astro プロジェクトが必要な場合は追加し、その後 npm install をその中で実行してください。

認証

shelllogin
npx @designsetgo/cli apps login

サイトの URL、WordPress ユーザー名、コピーしたアプリケーションパスワードの入力を求められます。認証情報は以下に保存されます。 ~/.config/designsetgo/credentials.json に 0600 パーミッションで保存されます。以下を実行してください。 logout で削除できます。

ローカルでの反復

shelldev
npx @designsetgo/cli apps dev

以下でローカル開発サーバーを起動します。 http://localhost:3838 ホットリロードとモックブリッジ付きで起動します。WP サイトは不要です。以下を追加してください。 --bridge proxy --site=https://your-site.com (Pro) でブリッジコールを実際のサイトにルーティングします。ファイルの保存は 500ms 以内に iframe に反映されます。

デプロイ

shelldeploy
npx @designsetgo/cli apps deploy --build

以下を実行します。 npm run build, アプリが要求する機能を表示し、バンドルをプッシュし、ライブ URL を出力します。再実行すると deploy 既存のインストールが更新されます。同じアプリ ID はアトミックな更新を意味します。

公開前のプレビュー (Pro): 以下を追加してください。 --preview で共有可能な URL を取得します。 /dsgo-preview/slug/token/ インストール済みアプリのカタログには触れずに。クライアントと共有し、その後実行してください。 --promote <id> で承認後にインストールします。プレビュー URL は7日後に期限切れになります (以下で設定可能です。 --ttl).

互換性

このプラグインは WordPress 6.9 以上で動作します。WordPress 7.0 が必要なのは dsgo.ai.prompt() および Riff です。コマース機能には WooCommerce が必要です。静的ルートは Free で動作します。ライブソースに基づく動的ルートは Pro 限定です。Pro が有効なとき、 wc:products WooCommerce が無効な場合は空のリストに解決されます。

トラストモデルも重要です。信頼されていないバンドルや保存済みアーティファクトには iframe モードを使用してください。アプリがレビュー済みで信頼でき、ネイティブ SEO、ルートマウント動作、または複数ページのクロール可能なルートが必要な場合は inline モードを使用してください。

リファレンスとトラブルシューティング

マニフェストスキーマ、bridge API、CLI コマンド、権限、およびホスティングトラブルシューティングは、2 つの専用ページで利用できるようになりました。

マニフェスト

dsgo-app.json スキーマ: ルート、権限、およびクレームルール。

ブリッジ API

すべての dsgo.* メソッド、その戻り値、および必要な権限。

CLI コマンド

ターミナルからアプリをスキャフォールド、デプロイ、管理する。

権限

各権限が付与するもの、およびインストールダイアログで表示されるもの。

キャッシングおよび CDN

DSGo Apps がページキャッシュ、CDN、ホスティングとどのように連携するか

トラブルシューティング

最も一般的なエラーの修正: REST 401s、CSP 拒否、および 404s。

何か足りませんか? イシューを開く. ランタイムとブリッジ仕様はオープンソースです。