关于 add-feature
为 Wasp 应用配置内置功能的技能,每次处理一个功能。它先确认项目目录,再引导选择并依据对应文档完成配置。
主要功能
- 01检查 Wasp 项目配置文件
- 02配置应用品牌信息
- 03设置身份验证与邮件提供商
- 04配置数据库和界面样式
- 05完成后总结并询问后续配置
适用场景
- 01为 Wasp 应用添加登录方式
- 02为应用配置邮件发送服务
- 03设置数据库或 Tailwind CSS
- 04更新应用名称、描述和元标签
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ wasp-lang/ wasp-agent-plugins --skill add-feature安装后在 Claude Code 中输入/add-feature确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
app-branding.mdauthentication.mddatabase.mdemail-provider.mdstyling.md详细介绍
add-feature
为应用添加 Wasp 开箱即用的功能。每次调用只聚焦于一个功能。
开始之前
- 确认用户位于应用目录中(检查 Wasp 配置文件:
main.wasp或main.wasp.ts)
可用的 Wasp 功能
向用户展示以下功能,并让他们选择一个进行配置:
| 功能 | 说明 |
|---|---|
| 应用品牌 | 设置应用的名称、描述和 meta 标签 |
| 身份验证 | 添加登录方式(Email、Google、GitHub 等) |
| 邮件服务提供商 | 配置邮件发送(SendGrid、Mailgun 等) |
| 数据库 | 设置数据库(PostgreSQL、SQLite 等) |
| 样式(CSS、UI) | 添加 Tailwind CSS 或 ShadCN UI(基于 Tailwind CSS) |
选择功能
使用 AskUserQuestion 工具询问用户想要配置哪项 Wasp 功能:
- 使用最相关的选项作为可选项(限制为 2–4 个)
- 提醒用户可以选择“其他”以从更多功能中选择
执行所选功能
根据用户的选择,按照下面相应的指南进行操作。 始终遵循功能指南中对应的原始文本文档 URL,并以其为依据帮助用户。
- 应用品牌 → app-branding.md
- 身份验证 → authentication.md
- 邮件服务提供商 → email-provider.md
- 数据库 → database.md
- 样式(CSS、UI) → styling.md
使用 AskUserQuestion 询问列表选项的指南
当要求用户从获取的列表中进行选择时(例如,身份验证方式、邮件服务提供商):
-
始终先向用户展示完整列表,再询问他们的选择,以便他们了解所有可用选项。
-
在
AskUserQuestion中使用最常见的选项作为可选项(限制为 2–4 个)。 -
提醒用户可以选择“其他”,以指定快速选择选项中未显示的完整列表中的任何选项。
-
示例格式:
Available auth methods: Username & Password, Email, Google, GitHub, Discord, Keycloak, Slack [AskUserQuestion with 3-4 most common options] Note: Select "Other" to choose from additional options like Discord, Keycloak, or Slack.
完成功能后
完成一项功能的配置后:
- 总结所做的更改
- 如适用,告知用户是否需要设置任何环境变量,并询问他们是否需要设置方面的指导
- 如果需要,获取环境变量对应的原始 GitHub 文档文件 URL,并指导用户完成设置
- 询问用户是否想要配置其他功能
- 如果想要,返回选择功能
评论
支持 Markdown