add-component

分类: 工具与效率 | 上传者: signerlabssignerlabs | 下载: 0 | 版本: v1.0(最新)

Add a SwiftUI component from ShipSwift recipes. Use when the user says "add component", "add a view", "add X view", "I need a chart", "add animation", or wants a specific UI element. --- # Add Component from ShipSwift Add production-ready SwiftUI components to your project using ShipSwift's recipe library. Each recipe is a complete, copy-paste-ready implementation with architecture documentation. ## Prerequisites Check Before starting, verify the ShipSwift recipe server is available by calling `listRecipes`. If the tools are not available, guide the user to visit [shipswift.app](https://shipswift.app) for setup instructions, or run `npx skills add signerlabs/shipswift-skills` to install. ## Workflow 1. **Identify the component type**: Determine what kind of component the user needs: - **Animation**: shimmer, typewriter, glow-scan, shaking-icon, mesh-gradient, orbit, scan, viewfinder, before-after - **Chart**: line, bar, area, donut, ring, radar, scatter, heatmap - **UI Component**: label, alert, loading, stepper, onboarding, tab-button, and more - **Module**: auth, camera, chat, settings, subscriptions, infrastructure 2. **Search for the recipe**: Use `searchRecipes` with the component name or type. For example: - User says "add a donut chart" -> search "donut" - User says "add shimmer loading" -> search "shimmer" - User says "add authentication" -> search "auth" 3. **Fetch the full recipe**: Use `getRecipe` with the recipe ID to get the complete implementation, including: - Full Swift source code - Architecture explanation - Integration steps - Known gotchas 4. **Integrate into the project**: Adapt the recipe code to fit the user's project: - Match existing naming conventions - Connect to the user's data models - Adjust styling to match the app's design system 5. **Verify integration**: Walk through the recipe's integration checklist to ensure nothing is missed (dependencies, Info.plist entries, etc.). ## Guidelines - Use `SW`-prefixed type names for ShipSwift comp

更新日志: Source: GitHub https://github.com/signerlabs/shipswift-skills

目录结构

当前层级: plugins/shipswift/skills/add-component/

SKILL.md

登录后下载/点赞/收藏 ❤ 19 | ★ 0
评论 0

请先登录后评论。

还没有评论,快来第一个发言吧。