ShipSwift
编码与调试by signerlabs
提供 40+ 可直接用于生产环境的 SwiftUI recipes,帮助通过 MCP 构建 full-stack iOS apps。
想把 SwiftUI 项目更快落地,ShipSwift 用 40+ 生产级 recipes 配合 MCP,帮你少踩坑地搭起 full-stack iOS 应用。
什么是 ShipSwift?
提供 40+ 可直接用于生产环境的 SwiftUI recipes,帮助通过 MCP 构建 full-stack iOS apps。
README
ShipSwift
<div align="center">
AI-native SwiftUI component library — production-ready code that LLMs can use to build real apps.
Quick Start · Components · Showcase Demos · Directory Structure · Recipes · Contributing
</div>What is ShipSwift?
One command gives your AI everything it needs — production-ready SwiftUI components, full-stack recipes, and the context to build real apps without guessing. Check more MCP recipes.
Download the Showcase App to preview every component on your device.
Quick Start
Option 1: Skills + Recipe Server (Recommended)
Step 1 — Install ShipSwift Skills:
npx skills add signerlabs/shipswift-skills
Step 2 — Connect the recipe server so your AI can fetch recipes:
# 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
For Cursor, VS Code Copilot, Windsurf, and other tools, see the Skills repo for MCP setup.
Step 3 — Ask your AI:
- "Add a shimmer loading animation"
- "Build an authentication flow with Cognito"
- "Show me all chart components"
Option 2: Local Skills (No MCP Required)
Install skills that read source files directly from this repo — works offline, no server needed:
npx skills add signerlabs/ShipSwift
Your AI can then browse the component catalog and read source code locally. Try:
- "Explore ShipSwift recipes"
- "Add a shimmer animation"
- "Build a chat feature"
Tip: If you also connect the MCP server (Option 1), your AI gets access to additional Pro recipes (backend guides, compliance templates, pitfall docs).
Option 3: File Copy
- Clone this repository
- Copy the files you need from
ShipSwift/SWPackage/into your Xcode project - Each component in
SWAnimation/,SWChart/, andSWComponent/is self-contained — just copy the file andSWUtil/if needed
Run the Showcase App
git clone https://github.com/signerlabs/ShipSwift.git
cd ShipSwift
open ShipSwift.xcodeproj
Select a simulator or device, then press Cmd+R to build and run.
Components
SWAnimation — Animation Components
BeforeAfterSlider · TypewriterText · ShakingIcon · Shimmer · GlowSweep · LightSweep · ScanningOverlay · AnimatedMeshGradient · OrbitingLogos
SWChart — Chart Components
LineChart · BarChart · AreaChart · DonutChart · RingChart · RadarChart · ScatterChart · ActivityHeatmap
SWComponent — UI Components
Display: FloatingLabels · ScrollingFAQ · RotatingQuote · BulletPointText · GradientDivider · Label · MarkdownText · OnboardingView · OrderView · RootTabView · VideoPlayer Feedback: Alert · Loading · ThinkingIndicator Input: TabButton · Stepper · AddSheet · SearchBar
SWModule — Multi-File Frameworks
- SWAuth — User authentication (Amplify/Cognito, social login, email/password, phone sign-in with country code picker)
- SWCamera — Camera capture with viewfinder, zoom, photo picker, and face detection with Vision landmark tracking
- SWPaywall — Subscription paywall using StoreKit 2 — iOS client included free. Full-stack recipe (backend + compliance + pitfalls) → Pro
- SWChat — All-in-one chat view with message list, text input, and optional voice recognition (VolcEngine ASR)
- SWSetting — Settings page template with language switch, share, legal links, recommended apps
- SWSubjectLifting — Background removal using VisionKit ImageAnalysis
- SWTikTokTracking — TikTok Events API integration for attribution tracking — iOS client included free. Full-stack recipe (backend + compliance + pitfalls) → Pro
SWUtil — Shared Utilities
DebugLog · String/Date/View extensions · LocationManager
Showcase Demos
Real, runnable iOS apps built entirely with ShipSwift recipes. Each one is open-source under MIT — clone, open in Xcode, hit Cmd+R. No API keys, no accounts, no backend setup required.
| Demo | What it is | Recipes used |
|---|---|---|
| 🧋 BobaLoyalty | Dual-side bubble tea shop loyalty app — customer ordering + owner revenue dashboard with Swift Charts | 14 |
| 🎓 TutorTrack | Student tracker for tutors / coaches — roster, attendance, deterministic mock AI-style weekly report PDF | 17 |
| 🐾 Truvet | Pet-owner social platform scaffold — map + community feed + chat + profile | early scaffold |
Each demo's README lists the exact recipes it pulled in via the ShipSwift MCP server. Use them as reference architectures when building your own apps.
Directory Structure
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
Naming Convention
All types use the SW prefix (e.g., SWAlertManager, SWStoreManager).
View modifiers use .sw lowercase prefix (e.g., .swAlert(), .swPageLoading(), .swPrimary).
Dependency Rules
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
Recipes
ShipSwift provides free and pro recipes via Skills — each recipe includes complete SwiftUI source code, implementation steps, and best practices. Your AI assistant can retrieve any recipe on demand.
| Category | Examples |
|---|---|
| Animation | Shimmer, Typewriter, Orbiting Logos |
| Chart | Line, Bar, Donut, Radar, Heatmap |
| Component | Alert, Onboarding, Stepper, FAQ |
| Module | Auth, Camera, Chat, Setting, Infra CDK, Subscription*, TikTok Tracking*, Export & Share* |
* Pro recipes — includes full backend, compliance templates, and pitfall guides. Coming soon: Push Notifications, Analytics Dashboard.
Three tools are available: listRecipes, getRecipe, searchRecipes.
Learn more at shipswift.app · Skills repo: signerlabs/shipswift-skills
Free vs Pro
All iOS client code is open-source under the MIT license. Pro recipes add everything you need to go from prototype to production.
| Free (Open Source) | Pro Recipe | |
|---|---|---|
| iOS client code | Full source | Enhanced version |
| Backend implementation | — | Hono routes, DB schema, webhooks |
| Integration guides | — | End-to-end setup checklists |
| Compliance templates | — | Privacy manifest, App Store labels |
| Known pitfalls | — | 10+ battle-tested tips per recipe |
More Pro recipes coming soon: Push Notifications, Analytics Dashboard.
See pricing for details.
Tech Stack
- SwiftUI + Swift
- StoreKit 2
- Amplify SDK (Cognito)
- AVFoundation + Vision
- SpriteKit
- VolcEngine ASR
Contributing
Contributions are welcome! Please follow these steps:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
Code Style
- All comments and documentation in English
- All types use the
SWprefix - Each file in
SWAnimation/,SWChart/, andSWComponent/must be self-contained - Follow existing code patterns and naming conventions
License
This project is licensed under the MIT License — see the LICENSE file for details.
Star History
<a href="https://www.star-history.com/?repos=signerlabs%2FShipSwift&type=timeline&legend=bottom-right"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/image?repos=signerlabs/ShipSwift&type=timeline&theme=dark&legend=bottom-right" /> <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/image?repos=signerlabs/ShipSwift&type=timeline&legend=bottom-right" /> <img alt="Star History Chart" src="https://api.star-history.com/image?repos=signerlabs/ShipSwift&type=timeline&legend=bottom-right" /> </picture> </a><div align="center">
Made with ❤️ by SignerLabs
</div>常见问题
ShipSwift 是什么?
提供 40+ 可直接用于生产环境的 SwiftUI recipes,帮助通过 MCP 构建 full-stack iOS apps。
相关 Skills
前端设计
by anthropics
面向组件、页面、海报和 Web 应用开发,按鲜明视觉方向生成可直接落地的前端代码与高质感 UI,适合做 landing page、Dashboard 或美化现有界面,避开千篇一律的 AI 审美。
✎ 想把页面做得既能上线又有设计感,就用前端设计:组件到整站都能产出,难得的是能避开千篇一律的 AI 味。
网页应用测试
by anthropics
用 Playwright 为本地 Web 应用编写自动化测试,支持启动开发服务器、校验前端交互、排查 UI 异常、抓取截图与浏览器日志,适合调试动态页面和回归验证。
✎ 借助 Playwright 一站式验证本地 Web 应用前端功能,调 UI 时还能同步查看日志和截图,定位问题更快。
网页构建器
by anthropics
面向复杂 claude.ai HTML artifact 开发,快速初始化 React + Tailwind CSS + shadcn/ui 项目并打包为单文件 HTML,适合需要状态管理、路由或多组件交互的页面。
✎ 在 claude.ai 里做复杂网页 Artifact 很省心,多组件、状态和路由都能顺手搭起来,React、Tailwind 与 shadcn/ui 组合效率高、成品也更精致。
相关 MCP Server
GitHub
编辑精选by GitHub
GitHub 是 MCP 官方参考服务器,让 Claude 直接读写你的代码仓库和 Issues。
✎ 这个参考服务器解决了开发者想让 AI 安全访问 GitHub 数据的问题,适合需要自动化代码审查或 Issue 管理的团队。但注意它只是参考实现,生产环境得自己加固安全。
Context7 文档查询
编辑精选by Context7
Context7 是实时拉取最新文档和代码示例的智能助手,让你告别过时资料。
✎ 它能解决开发者查找文档时信息滞后的问题,特别适合快速上手新库或跟进更新。不过,依赖外部源可能导致偶尔的数据延迟,建议结合官方文档使用。
by tldraw
tldraw 是让 AI 助手直接在无限画布上绘图和协作的 MCP 服务器。
✎ 这解决了 AI 只能输出文本、无法视觉化协作的痛点——想象让 Claude 帮你画流程图或白板讨论。最适合需要快速原型设计或头脑风暴的开发者。不过,目前它只是个基础连接器,你得自己搭建画布应用才能发挥全部潜力。