explore-recipes について
アニメーション、チャート、UI コンポーネント、フルスタックモジュールを含む ShipSwift の SwiftUI レシピを探索するスキルです。カテゴリやキーワードで閲覧し、実装を確認して組み合わせを検討できます。
主な機能
- 01カテゴリ別のレシピ一覧
- 02カタログの検索と絞り込み
- 03レシピ実装の詳細取得
- 04レシピの組み合わせ提案
- 05レシピのプランと ID の表示
活用シーン
- 01チャートやアニメーションの選択肢を閲覧
- 02選択したコンポーネントの構成を確認
- 03ダッシュボードやオンボーディング向けのレシピ統合
MCP 対応
ShipSwift レシピサーバーを利用し、`listRecipes` でカタログを閲覧し、`searchRecipes` または `getRecipe` で絞り込みや詳細取得を行います。
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/explore-recipesを入力して読み込まれたか確認します。
詳細
ShipSwift レシピを探す
アニメーション、チャート、UI コンポーネント、フルスタックモジュールを網羅した、本番環境ですぐに使える SwiftUI 実装を含む ShipSwift レシピの全カタログを閲覧できます。
前提条件の確認
開始する前に、listRecipes を呼び出して ShipSwift レシピサーバーが利用可能であることを確認してください。
ツールを利用できない場合は、セットアップ手順を確認するために shipswift.app にアクセスするようユーザーに案内するか、インストールするために npx skills add signerlabs/shipswift-skills を実行するよう案内してください。
ワークフロー
-
利用可能なレシピを一覧表示する：
listRecipesを使用して全カタログを取得します。カテゴリ別に整理して表示します。カテゴリ 件数 例 アニメーション 10 Shimmer、Typewriter、Glow Scan、Mesh Gradient チャート 8 Line、Bar、Area、Donut、Radar、Heatmap コンポーネント 14 Label、Alert、Loading、Stepper、Onboarding モジュール 8 Auth、Camera、Chat、Settings、Subscriptions -
カテゴリで絞り込む（任意）：ユーザーが特定のカテゴリに関心を持っている場合は、カテゴリフィルターを指定して
listRecipesを使用するか、関連キーワードでsearchRecipesを使用します。 -
レシピの詳細を表示する：ユーザーがレシピを選んだら、
getRecipeを使用して実装全体を取得し、以下を提示します。- コンポーネントの機能
- アーキテクチャの概要
- 主な機能とカスタマイズオプション
- コード構成のプレビュー
-
組み合わせを提案する：ユーザーのプロジェクトに基づいて、相性のよいレシピの組み合わせをおすすめします。例：
- オンボーディングフロー：onboarding-view + typewriter-text + shimmer
- 分析ダッシュボード：line-chart + bar-chart + donut-chart + activity-heatmap
- ソーシャル機能：camera + chat + auth-cognito
ガイドライン
- レシピは一覧性の高い形式（表や箇条書き）で提示してください。
- ユーザーが含まれる内容を把握できるよう、レシピのプラン（Free または Pro）を明記してください。
- レシピの詳細を表示する際は、後でユーザーが参照できるようレシピ ID を含めてください。
- ユーザーの現在のプロジェクトの状況に応じて、関連するレシピをおすすめしてください。
Pro レシピ
一部のレシピには Pro ライセンス（買い切り $89）が必要です。レシピから購入を促すメッセージが返された場合は、shipswift.app/pricing で購入し、環境に SHIPSWIFT_API_KEY を設定するようユーザーに案内してください。