mcpField
S
shipswift

shipswift

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

shipswift について

ShipSwift Skillsは、iOSおよびmacOSアプリに組み込めるSwiftUI実装を提供します。アプリ開発者向けで、各スキルに設計概要、ソースコード、統合手順、既知の注意点が含まれ、一部のProコンテンツはShipSwift MCP サーバーから取得します。

主な機能

  1. 01115件のスキルカタログ
  2. 02SwiftUIのソースコード一式
  3. 03統合チェックリストと既知の注意点
  4. 04アニメーション、チャート、コンポーネント、モジュールの分類
  5. 05MCPツールによるProスキルの取得

活用シーン

  1. 01iOSアプリにUIコンポーネントを追加
  2. 02macOSアプリにチャートやアニメーションを実装
  3. 03スキルを組み合わせてオンボーディングやチャット画面を構築

MCP 対応

ShipSwift MCP サーバーは、Proスキルの一覧表示、検索、取得ツールを提供します。利用にはAPIキーの設定が必要です。

インストール

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

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

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/animation/
animated-loop.md
animated-mesh-gradient.md
before-after-slider.md
change-effect.md
char-sphere.md
chromatic-glass.md
color-panels.md
confetti.md
dot-orbit.md
dot-sphere.md
dots.md
foil.md
fractal-clouds.md
full-screen-button.md
glass-logo.md
glass-orb.md
glass.md
glitter.md
glow-sweep.md
halftone.md
ink-smoke.md
intense-bling.md
light-sweep.md
liquid-chrome.md
liquid-metal.md
metaballs.md
neuro-noise.md
orbiting-logos.md
particle-transition.md
plasma.md

詳細

ShipSwift スキル

iOS/macOS アプリにコピーして使える、本番環境対応の SwiftUI 実装です。各スキルは自己完結型の Markdown ドキュメントで、アーキテクチャの概要、完全なソースコード、統合チェックリスト、既知の注意点が記載されています。

使い方

  1. スキルを探す：references/index.mdを読みます。アニメーション／チャート／コンポーネント／モジュールにわたる115個のスキルを、各1行の説明とともに掲載した総合カタログです。
  2. スキルを読む：無料のスキルはreferences/<category>/<id>.mdにローカルで収録されています。コードを書く前に、必ずスキルファイル全体を読んでください。インデックスの1行だけをもとに独自判断で実装しないでください。
  3. 統合する：スキルの統合チェックリストに従います。ユーザーから別の指定がない限り、SW型の接頭辞と.swビュー修飾子の命名規則を維持してください。

ガイドライン：

  • スキルは自己完結型です。コンポーネントが依存するのは、小規模なSWUtilヘルパーだけです。各スキルには、ヘルパーがインラインで含まれているか、明示的に参照されています。
  • 複数のスキルを組み合わせる場合（例：onboarding-view + typewriter-text + confettiによるオンボーディングフロー）、まず各スキルをすべて読んでから統合してください。
  • カタログの検索結果は、カテゴリごとにまとめた一覧性の高い表で提示し、後からユーザーが参照できるようスキルIDも含めてください。

GitHub上の最新ソース

同梱のリファレンスは、最新のShipSwiftリリースに対応しています。最新ソース、またはスキルにインラインで含まれていない共有ユーティリティを取得するには、公開テンプレートリポジトリを参照してください。

  • リポジトリ：https://github.com/signerlabs/ShipSwift
  • コンポーネントのパス：ShipSwift/SWPackage/{SWAnimation,SWChart,SWComponent,SWModule,SWUtil}/
  • Rawファイルの例：https://raw.githubusercontent.com/signerlabs/ShipSwift/main/ShipSwift/SWPackage/SWAnimation/SWShimmer.swift

Proスキル

30個のスキルがProプランで、インデックスではProと表示されています。内訳は、アプリ画面一式12個、ペイウォールスキル12個（paywall-kitと11種類のペイウォールデザイン）、高度なモジュール6個（subscription-storekit、subscription-revenuecat、tiktok-tracking、tiktok-tracking-revenuecat、subject-lifting、export-share）です。各スキルの完全なドキュメント（アーキテクチャ、統合チェックリスト、注意点）はShipSwift MCPサーバー経由で提供され、ここには同梱されていません。

Proのロックを解除するには：

  1. https://shipswift.app/#pricing からShipSwift Pro（年額89ドル、または買い切り199ドル）を購入し、https://shipswift.app/dashboard からAPIキーをコピーします。

  2. キーを設定し、MCPサーバーに接続します（Claude Codeの例。ほかのツールについてはリポジトリのREADMEを参照してください）。

    export SHIPSWIFT_API_KEY=sk_live_xxxxx   # add to ~/.zshrc
claude mcp add --transport http shipswift https://api.shipswift.app/mcp \
  --header "Authorization: Bearer ${SHIPSWIFT_API_KEY}"

  3. MCPツールのlistSkills／searchSkills／getSkillを使って、Proスキルを取得します。

ユーザーがProスキルを求めているものの、キーまたはMCPが設定されていない場合は、そのスキルの内容（インデックスに記載）を伝え、https://shipswift.app/#pricing を案内してください。記憶をもとにProスキルの内容を再構成しようとしないでください。

相性のよいスキルの組み合わせ

  • オンボーディングフロー：onboarding-view + typewriter-text + confetti
  • 分析ダッシュボード：line-chart + bar-chart + donut-chart + activity-heatmap
  • AIチャットアプリ：chat + thinking-indicator + markdown-text
  • ソーシャル／メディア機能：camera + chat + auth-cognito
  • 収益化：subscription-storekit（Pro）+ order-view

コメント

Markdown 対応