mcpField
B
build-feature

build-feature

github.com/signerlabs開発34784 回インストール3 日前に更新
リポジトリ

build-feature について

ShipSwift のコピー可能な SwiftUI レシピを使って iOS 機能を構築するスキルです。要件分析、レシピ検索、統合計画、コード調整を案内し、UI とフルスタックモジュールを組み合わせる開発者向けです。

主な機能

  1. 01ShipSwift レシピの検索
  2. 02レシピ実装全体の取得
  3. 03レシピ統合の計画
  4. 04プロジェクト構成に合わせたコード調整
  5. 05セットアップチェックリストの提示

活用シーン

  1. 01ローディングアニメーション付きチャートの構築
  2. 02UI とバックエンドにまたがる機能の構成
  3. 03iOS プロジェクト向けのレシピコード調整

MCP 対応

ShipSwift レシピサーバーを利用し、`listRecipes` で利用可能か確認してから、`searchRecipes` と `getRecipe` でレシピを検索・取得します。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/signerlabs/shipswift-skills --skill build-feature

インストール後、Claude Code で/build-featureを入力して読み込まれたか確認します。

詳細

ShipSwift で機能を構築する

アニメーション、チャート、UI コンポーネント、フルスタックモジュールを網羅した、コピーしてすぐ使える SwiftUI 実装である ShipSwift のレシピを組み合わせ、本番環境に対応した iOS 機能を構築します。

前提条件の確認

開始する前に、listRecipes を呼び出して ShipSwift レシピサーバーが利用可能であることを確認してください。

ツールを利用できない場合は、セットアップ手順を確認するためにユーザーに shipswift.app を案内するか、npx skills add signerlabs/shipswift-skills を実行してインストールしてください。

ワークフロー

  1. リクエストを分析する:ユーザーの機能リクエストを、個別の要素(UI、データ、ナビゲーション、バックエンド連携)に分解します。

  2. レシピを検索する:関連するキーワードを使って searchRecipes を実行し、該当する ShipSwift レシピを探します。最初のクエリで見つかる結果が少ない場合は、複数の検索語を試してください。

  3. 実装全体を取得する:関連する各レシピについて getRecipe を実行し、完全なソースコード、アーキテクチャの説明、統合チェックリストを取得します。

  4. 統合計画を提示する:コードを書く前に、ユーザーに以下を提示します。

    • 使用するレシピ
    • それらをどのように組み合わせるか
    • ユーザー固有のユースケースに合わせて必要なカスタマイズ
  5. コードを生成する:レシピのパターンをユーザーのプロジェクト構成に合わせて調整します。機能が複数の領域にまたがる場合は、複数のレシピを組み合わせます(例:チャートビューとシマー読み込みアニメーション)。

  6. 統合チェックリストを提示する:レシピのドキュメントにある、必要な依存関係、Info.plist エントリ、環境設定を一覧にします。

ガイドライン

  • コードをゼロから書く前に、必ずレシピを検索してください。ShipSwift にすぐ使える解決策が用意されている可能性があります。
  • 機能が複数の領域にまたがる場合は、複数のレシピを組み合わせてください。
  • ShipSwift コンポーネントには SW で始まる命名規則を使用してください(例:SWShimmer、SWDonutChart)。
  • ビューモディファイアのメソッドには、小文字の .sw 接頭辞を使用します(例:.swShimmer()、.swGlowScan())。
  • View は軽量に保ち、複雑なロジックは ViewModel に切り出してください。
  • デフォルトでダークモードと Dynamic Type をサポートしてください。
  • UIKit のラッパーよりも、SwiftUI ネイティブの API を優先してください。

Pro レシピ

一部のレシピには Pro ライセンス(買い切り $89)が必要です。レシピが購入を促すメッセージを返した場合、ユーザーは shipswift.app/pricing で購入し、環境に SHIPSWIFT_API_KEY を設定できます。

コメント