add-feature について
Wasp アプリの組み込み機能を一度に 1 つ設定するスキルです。Wasp プロジェクトを確認し、該当するドキュメントに沿って機能選択と設定を案内します。
主な機能
- 01Wasp プロジェクト設定の確認
- 02アプリのブランド情報設定
- 03認証とメールの設定
- 04データベースとスタイルの設定
- 05変更内容の要約と次の設定の案内
活用シーン
- 01Wasp アプリへのログイン方式追加
- 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 の標準搭載機能をアプリに追加します。各実行では、一度に 1 つの機能に焦点を当てます。
開始前
- ユーザーがアプリのディレクトリにいることを確認します(Wasp 設定ファイル
main.waspまたはmain.wasp.tsを確認してください)
利用可能な Wasp の機能
以下の機能をユーザーに提示し、設定する機能を 1 つ選んでもらいます。
| 機能 | 説明 |
|---|---|
| アプリのブランディング | アプリ名、説明、メタタグを設定します |
| 認証 | ログイン方法を追加します(Email、Google、GitHub など) |
| メールプロバイダー | メール送信を設定します(SendGrid、Mailgun など) |
| データベース | データベースをセットアップします(PostgreSQL、SQLite など) |
| スタイリング(CSS、UI) | Tailwind CSS または ShadCN UI(Tailwind CSS の上に追加)を追加します |
機能の選択
AskUserQuestion ツールを使って、設定したい Wasp の機能をユーザーに尋ねます。
- 選択肢には、最も関連性の高い項目を使用します(2~4 項目に制限)
- 追加の機能から選べるよう、「Other」を選択できることをユーザーに伝えます
選択した機能の実行
ユーザーの選択に基づき、以下の対応するガイドに従います。 ユーザーを支援する際は、必ず機能ガイドに対応する未加工テキストのドキュメント URL に従い、その内容を基準にしてください。
- アプリのブランディング → app-branding.md
- 認証 → authentication.md
- メールプロバイダー → email-provider.md
- データベース → database.md
- スタイリング(CSS、UI) → styling.md
リストを使って AskUserQuestion を使用する場合のガイドライン
取得したリスト(認証方法、メールプロバイダーなど)からユーザーに選択してもらう場合は、次の手順に従います。
-
選択を尋ねる前に、利用可能なすべての選択肢をユーザーに表示し、全項目を確認できるようにします。
-
AskUserQuestionの選択肢には、最も人気のある一般的な項目を使用します(2~4 項目に制限)。 -
クイック選択肢に表示されていない項目も、一覧から選ぶために「Other」を選択できることをユーザーに伝えます。
-
形式の例:
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 対応