Vaybel について
Vaybel Skillsは、Vaybelの公開MCPおよびRESTの基本機能を使う、アパレル商品の制作・運用向けエージェントワークフローです。上級ユーザーはTypeScriptのオーケストレーションを変更し、トレンド調査から商品やコンテンツの作成まで調整できます。
主な機能
- 01トレンド発見とドロップ計画
- 02デザインと商品モックアップの生成
- 03PrintifyまたはPrintful商品の最適化
- 04商品掲載用とSNS用コンテンツの作成
- 05パフォーマンスインサイトの確認
活用シーン
- 01アパレルのトレンドを調べて発売を計画
- 02デザインと商品モックアップを作成
- 03既存のPrintifyまたはPrintful商品を最適化
- 04商品掲載向けのSNSコンテンツを生成
MCP 対応
スキルはTypeScriptラッパーを介してVaybelの公開MCPサーバーを呼び出し、`VAYBEL_PAT`で認証します。ワークフローは、サーバーの基本的なMCPおよびREST操作を組み合わせます。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://mcp.vaybel.com/claude mcp add --transport http com-vaybel https://mcp.vaybel.com/{"mcpServers":{"com-vaybel":{"type":"http","url":"https://mcp.vaybel.com/"}}}Cursor で開く{"servers":{"com-vaybel":{"type":"http","url":"https://mcp.vaybel.com/"}}}VS Code で開く{"mcpServers":{"com-vaybel":{"type":"http","url":"https://mcp.vaybel.com/"}}}{"mcpServers":{"com-vaybel":{"serverUrl":"https://mcp.vaybel.com/"}}}コマンドはターミナルで実行し、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 へデプロイします。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。