mcpField
V
Vaybel

Vaybel

リモート
vaybel.comビジネス・マーケティング13 週間前に更新
リポジトリ公式サイト

Vaybel について

Vaybel Skillsは、Vaybelの公開MCPおよびRESTの基本機能を使う、アパレル商品の制作・運用向けエージェントワークフローです。上級ユーザーはTypeScriptのオーケストレーションを変更し、トレンド調査から商品やコンテンツの作成まで調整できます。

主な機能

  1. 01トレンド発見とドロップ計画
  2. 02デザインと商品モックアップの生成
  3. 03PrintifyまたはPrintful商品の最適化
  4. 04商品掲載用とSNS用コンテンツの作成
  5. 05パフォーマンスインサイトの確認

活用シーン

  1. 01アパレルのトレンドを調べて発売を計画
  2. 02デザインと商品モックアップを作成
  3. 03既存のPrintifyまたはPrintful商品を最適化
  4. 04商品掲載向けのSNSコンテンツを生成

MCP 対応

スキルはTypeScriptラッパーを介してVaybelの公開MCPサーバーを呼び出し、`VAYBEL_PAT`で認証します。ワークフローは、サーバーの基本的なMCPおよびREST操作を組み合わせます。

設定

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

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

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

ツール

詳細

Vaybel Skills

Vaybel Skills は、公開 Vaybel MCP サーバーを通じてアパレル商品のワークフローを実行するためのエージェントワークフローです。

ドキュメント:https://vaybel.github.io/skills/

このリポジトリは、MCP によるコード実行パターンに従っています。

Agent skill -> TypeScript orchestration -> mcp.vaybel.com

v1 では CLI に依存しません。Skills は、servers/vaybel/ にある小さなラッパーを通じて MCP を呼び出し、VAYBEL_PAT で認証します。

これらの Skills は、上級ユーザーが使い始めるためのものです。フォークして、独自のワークフローに合わせてオーケストレーションを調整してください。公開 MCP および REST のインターフェースは、意図的にプリミティブな構成になっています。ワークフローの組み立て、フォーク、調整は自由に行えます。

Skills

  • /vaybel:find-trend - トレンドの好機を見つけ、ローンチコンセプトを生成します。
  • /vaybel:plan-drop - テーマに沿ったリリースを計画します。ドロップを作成または開き、概要に合うトレンドを確認してピン留めし、デザインを追加して、準備状況を確認します。
  • /vaybel:launch-product - 無地のボディを選び、デザインを生成し、出品用モックアップを生成します。必要に応じて出品商品の動画も生成し、簡潔なローンチリンクを返します。
  • /vaybel:optimize-product - 既存の Printify または Printful の商品をインポートして最適化します。
  • /vaybel:make-content - 既存の商品リスティング用に、動画、スライドショー、カルーセル、または単独の投稿を生成します。SNS 用の下書きを作成し、公開を明示的に実行します。
  • /vaybel:analyze-insights - パフォーマンス KPI、上位デザインのスナップショット、クレジットの状況、次に行うべきアクションのガイダンスを確認します。

対象範囲は、Vaybel の主要な 4 つのワークフローに対応しています。

Find Trend -> Launch Product -> Optimize Product -> Make Content

plan-drop は、その一連の流れをリリースに組み込みます。ドロップでは、概要に合うトレンドをピン留めし、それらをもとにローンチしたデザインが公開されるまで追跡します。 analyze-insights は、次に実行するワークフローを決めるための読み取り専用の管理スキルです。

セットアップ - 推奨

Claude Code マーケットプレイスからインストールします。

/plugin marketplace add vaybel/skills
/plugin install vaybel@vaybel

MCP と Skills には共通のシークレットを使用します。Claude Code の設定で VAYBEL_PAT を定義し、Vaybel MCP サーバーの設定から参照します。その後、次を実行します。

/vaybel:launch-product "washed trail running poster art on a heavyweight tee"
/vaybel:launch-product "washed trail running poster art on a heavyweight tee" --listing-channels tiktok_shop,etsy
/vaybel:find-trend tshirt --lifecycle rising
/vaybel:plan-drop "Fall '26" --kind seasonal --date 2026-10-01 --motifs pumpkin,moon
/vaybel:optimize-product --provider printify --product-id <external-id>
/vaybel:make-content <listing-id> --channels tiktok,instagram
/vaybel:analyze-insights --range 28d

手動セットアップ

git clone https://github.com/vaybel/skills.git
cd skills
npm install
export VAYBEL_PAT="<your-vaybel-pat>"
./setup

リポジトリの構成

client.ts                    MCP transport and auth helper
servers/vaybel/              thin typed wrappers around public MCP tools
skills/*/                    SKILL.md plus TypeScript orchestration per workflow
.claude-plugin/              Claude Code marketplace metadata
.codex-plugin/               Codex plugin metadata
.cursor-plugin/              Cursor plugin metadata
docs-site/                   Astro Starlight documentation site (GitHub Pages)
scripts/validate.mjs         structural validation for skills and manifests
scripts/smoke/               clean-project host install smoke tests
DEPLOYMENT.md                marketplace deployment checklist

検証

npm run validate
npm run typecheck
npm run build
npm audit --omit=dev --audit-level=moderate
scripts/smoke/host_install_smoke.sh

スモークスクリプトは、クリーンな兄弟プロジェクトを作成し、利用可能な場合はプラグインを分離された Claude および Codex のホームにインストールして、すべてのスキルランナーをトークンなしモードで実行します。tmux がインストールされている場合は自動的に使用します。逐次実行するには --no-tmux を渡してください。

ドキュメントサイト

公開されている https://vaybel.github.io/skills/ のドキュメントは、このリポジトリから生成されており、別途管理されていません。docs-site/scripts/sync-docs.mjs は、skills/*/SKILL.md、各スキルの references/、およびルートの Markdown ファイルからすべてのページを再構築するため、サイトの内容がドキュメント対象の Skills と食い違うことはありません。

npm run docs:dev      # local dev server
npm run docs:build    # production build into docs-site/dist

.github/workflows/pages.yml は、すべてのプルリクエストでサイトをビルドし、main へのプッシュ時に GitHub Pages へデプロイします。

コメント

MCP は初めてですか?

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

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