关于 explore-recipes
用于探索 ShipSwift SwiftUI 配方目录的技能,涵盖动画、图表、UI 组件和全栈模块。它帮助开发者按类别或关键词浏览、查看实现详情并寻找可组合的配方。
主要功能
- 01按类别列出配方
- 02搜索和筛选目录
- 03获取配方实现详情
- 04推荐配方组合
- 05显示配方等级和 ID
适用场景
- 01浏览图表和动画选项
- 02查看所选组件的结构
- 03为仪表盘或引导流程组合配方
MCP 相关
它使用 ShipSwift 配方服务,通过 `listRecipes` 浏览目录,并调用 `searchRecipes` 或 `getRecipe` 筛选及获取配方详情。
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ signerlabs/ shipswift-skills --skill explore-recipes安装后在 Claude Code 中输入/explore-recipes确认已加载。
详细介绍
探索 ShipSwift 配方
浏览 ShipSwift 配方的完整目录,了解涵盖动画、图表、UI 组件和全栈模块的生产就绪型 SwiftUI 实现。
前置条件检查
开始前,请调用 listRecipes,确认 ShipSwift 配方服务可用。
如果工具不可用,请引导用户访问 shipswift.app 查看设置说明,或运行 npx skills add signerlabs/shipswift-skills 进行安装。
工作流
-
列出可用配方:使用
listRecipes获取完整目录,并按类别整理展示:类别 数量 示例 动画 10 Shimmer、Typewriter、Glow Scan、Mesh Gradient 图表 8 Line、Bar、Area、Donut、Radar、Heatmap 组件 14 Label、Alert、Loading、Stepper、Onboarding 模块 8 Auth、Camera、Chat、Settings、Subscriptions -
按类别筛选(可选):如果用户对某个特定类别感兴趣,请使用带类别筛选条件的
listRecipes,或使用相关关键词调用searchRecipes。 -
展示配方详情:用户选定配方后,使用
getRecipe获取完整实现,并展示:- 组件的功能
- 架构概览
- 主要功能和自定义选项
- 代码结构预览
-
推荐组合:根据用户的项目,推荐适合搭配使用的配方。例如:
- 引导流程:onboarding-view + typewriter-text + shimmer
- 分析仪表板:line-chart + bar-chart + donut-chart + activity-heatmap
- 社交功能:camera + chat + auth-cognito
指南
- 以便于浏览的格式(表格或项目符号列表)展示配方。
- 标明配方等级(Free 或 Pro),让用户了解包含的内容。
- 展示配方详情时,请注明配方 ID,方便用户之后引用。
- 根据用户当前的项目背景推荐相关配方。
Pro 配方
部分配方需要 Pro 许可证(一次性支付 $89)。如果配方返回购买提示,用户可以前往 shipswift.app/pricing 购买,并在其环境中设置 SHIPSWIFT_API_KEY。
评论
支持 Markdown