ShipSwift について
ShipSwiftは、AIを活用したiOS開発向けのSwiftUIコンポーネントライブラリ兼スキルカタログです。再利用可能なUI、アニメーション、チャート、アプリモジュールのコードを提供し、MCPサーバー経由でAIツールからスキルを取得できます。
主な機能
- 01SwiftUIコンポーネントとスキルの閲覧
- 02アニメーションとチャートの利用
- 03認証、カメラ、チャットのモジュール
- 043つのツールによるスキル検索と取得
- 05ソースファイルをXcodeプロジェクトにコピー
活用シーン
- 01SwiftUIアプリにアニメーションやチャートを追加
- 02認証画面やチャット画面を構築
- 03AIツールで実装ガイドを検索
- 04ローカルのソースファイルからコンポーネントを利用
MCP 対応
ShipSwiftのMCPサーバーは、listSkills、getSkill、searchSkillsツールを提供し、AIクライアントによるスキルの検索と取得を可能にします。READMEには https://api.shipswift.app/mcp への接続方法も記載されています。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://api.shipswift.app/mcpclaude mcp add --transport http signerlabs-shipswift https://api.shipswift.app/mcp{"mcpServers":{"signerlabs-shipswift":{"type":"http","url":"https://api.shipswift.app/mcp"}}}Cursor で開く{"servers":{"signerlabs-shipswift":{"type":"http","url":"https://api.shipswift.app/mcp"}}}VS Code で開く{"mcpServers":{"signerlabs-shipswift":{"type":"http","url":"https://api.shipswift.app/mcp"}}}{"mcpServers":{"signerlabs-shipswift":{"serverUrl":"https://api.shipswift.app/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
3| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| category | enum | いいえ | カテゴリでレシピを絞り込みます。デフォルトは 'all' です。animation | chart | component | module | all |
詳細
ShipSwift

AI ネイティブな SwiftUI コンポーネントライブラリ — LLM が実際のアプリを構築するために使える、本番環境対応のコードです。
ShipSwift とは?
1 つのコマンドで、AI が必要とするすべてを提供します。本番環境対応の SwiftUI コンポーネント、フルスタックのスキル、そして推測に頼らず実際のアプリを構築するためのコンテキストがそろっています。
shipswift.app で、すべてのスキルを実際にご覧ください — 検索可能なカタログ、コピーして使えるソース、ライブプレビュー。
Showcase App をダウンロードして、お使いのデバイスですべてのコンポーネントをプレビューできます。
カスタムアプリの構築が必要ですか?そのご要望にもお応えします。
ShipSwift を使えば、AI は作業の 80% を完了できます。残りの 20% — 独自の機能、ブランド、バックエンド — をスキルの開発者が組み込む必要がある場合は、私たちがアプリを構築します。
| ⚡ 48 時間でデモ | 要件をお聞きしてから 2 日以内に、TestFlight で動作するプロトタイプをお届けします |
| 🚀 4 週間で納品 | 本番環境対応の iOS アプリを、App Store への提出準備が整った状態でお届けします |
| 💵 5,000 ドルから | 固定料金、マイルストーンごとの請求で、時間単位の予想外の費用はありません |
このリポジトリでご覧いただけるものと同じコンポーネントライブラリを基盤としているため、所有権を維持し、いつまでも拡張できます。
見積もりのご依頼: [email protected] · shipswift.app
クイックスタート
オプション 1:スキル + MCP サーバー(推奨)
ステップ 1 — ShipSwift Skills をインストールします:
npx skills add signerlabs/shipswift-skills
ステップ 2 — MCP サーバーに接続して、AI がスキルを取得できるようにします:
# Claude Code
claude mcp add --transport http shipswift https://api.shipswift.app/mcp
# Gemini CLI
gemini mcp add --transport http shipswift https://api.shipswift.app/mcp
Cursor、VS Code Copilot、Windsurf、その他のツールについては、MCP のセットアップ方法をSkills リポジトリでご確認ください。
ステップ 3 — AI に依頼します:
- 「シマー読み込みアニメーションを追加して」
- 「Cognito を使った認証フローを構築して」
- 「すべてのチャートコンポーネントを見せて」
オプション 2:ローカルスキル(MCP 不要)
このリポジトリからソースファイルを直接読み込むスキルをインストールします。オフラインで動作し、サーバーも不要です:
npx skills add signerlabs/ShipSwift
これで、AI はコンポーネントカタログを参照し、ソースコードをローカルで読み取れるようになります。次のように試してみてください:
- 「ShipSwift のスキルを調べて」
- 「シマーアニメーションを追加して」
- 「チャット機能を構築して」
ヒント:MCP サーバーにも接続すると(オプション 1)、AI は追加の Pro スキル(バックエンドガイド、コンプライアンステンプレート、注意点のドキュメント)を利用できます。
オプション 3:ファイルをコピー
- このリポジトリをクローンします
- 必要なファイルを
ShipSwift/SWPackage/から Xcode プロジェクトにコピーします SWAnimation/、SWChart/、SWComponent/の各コンポーネントは単独で動作するため、ファイルと必要に応じてSWUtil/をコピーするだけです
Showcase App を実行
git clone https://github.com/signerlabs/ShipSwift.git
cd ShipSwift
open ShipSwift.xcodeproj
シミュレーターまたはデバイスを選択し、Cmd+R を押してビルドして実行します。
コンポーネント
SWAnimation — アニメーションコンポーネント
SwiftUI アニメーション: Shimmer · TypewriterText · ShakingIcon · GlowSweep · LightSweep · ScanningOverlay · AnimatedMeshGradient · BeforeAfterSlider · OrbitingLogos · FullScreenButton
Canvas で描画する 3D: DotSphere · CharSphere
Metal シェーダーによるプロシージャル背景: Dots · Starfield · FractalClouds · InkSmoke · LiquidChrome · Plasma · AnimatedLoop
Metal シェーダーによる背景: Metaballs · Halftone · Water · LiquidMetal · NeuroNoise · DotOrbit · Voronoi · SimplexNoise · ColorPanels · SmokeRing · Swirl
アニメーションコンポーネントは合計 30 種類です。ライブプレビューはショーケースアプリをご覧ください。
SWChart — チャートコンポーネント
LineChart · BarChart · AreaChart · DonutChart · RingChart · RadarChart · ScatterChart · ActivityHeatmap
SWComponent — UI コンポーネント
表示: FloatingLabels · ScrollingFAQ · RotatingQuote · BulletPointText · GradientDivider · Label · MarkdownText · OnboardingView · OrderView · RootTabView · VideoPlayer フィードバック: Alert · Loading · ThinkingIndicator 入力: TabButton · Stepper · AddSheet · SearchBar
SWModule — 複数ファイルのフレームワーク
- SWAuth — ユーザー認証(Amplify/Cognito、ソーシャルログイン、メールアドレス/パスワード、国番号ピッカー付きの電話番号サインイン)
- SWCamera — ビューファインダー、ズーム、写真ピッカー、Vision のランドマーク追跡による顔検出に対応したカメラ撮影
- SWPaywall — StoreKit 2 を使用したサブスクリプションのペイウォール — iOS クライアントを無料で同梱。フルスタックのスキル(バックエンド+コンプライアンス+注意点)→ Pro
- SWChat — メッセージリスト、テキスト入力、オプションの音声認識(VolcEngine ASR)を備えたオールインワンのチャットビュー
- SWSetting — 言語切り替え、共有、法務関連リンク、おすすめアプリを備えた設定ページのテンプレート
- SWSubjectLifting — VisionKit ImageAnalysis を使用した背景除去
- SWTikTokTracking — アトリビューション計測のための TikTok Events API 統合 — iOS クライアントを無料で同梱。フルスタックのスキル(バックエンド+コンプライアンス+注意点)→ Pro
SWUtil — 共通ユーティリティ
DebugLog · String/Date/View の拡張 · LocationManager
ディレクトリ構成
ShipSwift/
├── SWPackage/
│ ├── SWAnimation/ # Animation components
│ ├── SWChart/ # Chart components
│ ├── SWComponent/ # UI components
│ │ ├── Display/ # Display components
│ │ ├── Feedback/ # Feedback components
│ │ └── Input/ # Input components
│ ├── SWModule/ # Multi-file frameworks
│ │ ├── SWAuth/ # Authentication
│ │ ├── SWCamera/ # Camera + face detection
│ │ ├── SWPaywall/ # Subscription paywall
│ │ ├── SWChat/ # Chat + voice input
│ │ ├── SWSetting/ # Settings page
│ │ ├── SWSubjectLifting/ # Background removal
│ │ └── SWTikTokTracking/ # TikTok attribution
│ └── SWUtil/ # Shared utilities
├── View/ # Showcase app views
├── Service/ # App services
└── Component/ # Shared app components
命名規則
すべての型には SW 接頭辞を使用します(例:SWAlertManager、SWStoreManager)。
ビューモディファイアには、小文字の .sw 接頭辞を使用します(例:.swAlert()、.swPageLoading()、.swPrimary)。
依存関係のルール
SWUtil ← no dependencies on other SWPackage directories
SWAnimation ← may depend on SWUtil only
SWChart ← may depend on SWUtil only
SWComponent ← may depend on SWUtil only
SWModule ← may depend on SWUtil and SWComponent
スキル
ShipSwift は無料スキルと Pro スキルを提供します。各スキルには、完全な SwiftUI ソースコード、実装手順、ベストプラクティスが含まれます。AI アシスタントは必要に応じて任意のスキルを取得できます。
| カテゴリ | 例 |
|---|---|
| アニメーション | Shimmer、Typewriter、Orbiting Logos |
| チャート | Line、Bar、Donut、Radar、Heatmap |
| コンポーネント | Alert、Onboarding、Stepper、FAQ |
| モジュール | Auth、Camera、Chat、Setting、Infra CDK、Subscription*、TikTok Tracking*、Export & Share* |
* Pro スキルには、完全なバックエンド、コンプライアンステンプレート、注意点ガイドが含まれます。近日公開:プッシュ通知、分析ダッシュボード。
利用可能なツールは 3 つです:listSkills、getSkill、searchSkills。
詳しくは shipswift.app をご覧ください · スキルのリポジトリ:signerlabs/shipswift-skills
無料版と Pro
すべての iOS クライアントコードは、MIT ライセンスのもとでオープンソースとして公開されています。Pro スキルでは、プロトタイプから本番環境へ移行するために必要なものがすべて追加されます。
| 無料(オープンソース) | Pro スキル | |
|---|---|---|
| iOS クライアントコード | 完全なソースコード | 強化版 |
| バックエンドの実装 | — | Hono のルート、DB スキーマ、Webhook |
| 統合ガイド | — | エンドツーエンドのセットアップチェックリスト |
| コンプライアンステンプレート | — | プライバシーマニフェスト、App Store のラベル |
| 既知の注意点 | — | 各スキルにつき、実戦で検証済みのヒント 10 件以上 |
詳細は料金をご覧ください。
技術スタック
- SwiftUI + Swift
- StoreKit 2
- Amplify SDK(Cognito)
- AVFoundation + Vision
- SpriteKit
- VolcEngine ASR
貢献
貢献を歓迎します!次の手順に従ってください。
- リポジトリをフォークします
- 機能ブランチを作成します(
git checkout -b feature/amazing-feature) - 変更をコミットします(
git commit -m 'Add amazing feature') - ブランチにプッシュします(
git push origin feature/amazing-feature) - プルリクエストを作成します
コードスタイル
- コメントとドキュメントはすべて英語で記述してください
- 上記で説明した命名規則、依存関係のルール、自己完結性に従ってください
ライセンス
このプロジェクトはMITライセンスの下でライセンスされています。詳細はLICENSEファイルをご覧ください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。