mcpField
A
add-feature

add-feature

github.com/wasp-lang開発14150 回インストール3 週間前に更新
リポジトリ

add-feature について

Wasp アプリの組み込み機能を一度に 1 つ設定するスキルです。Wasp プロジェクトを確認し、該当するドキュメントに沿って機能選択と設定を案内します。

主な機能

  1. 01Wasp プロジェクト設定の確認
  2. 02アプリのブランド情報設定
  3. 03認証とメールの設定
  4. 04データベースとスタイルの設定
  5. 05変更内容の要約と次の設定の案内

活用シーン

  1. 01Wasp アプリへのログイン方式追加
  2. 02メールプロバイダーの設定
  3. 03データベースや Tailwind CSS の導入
  4. 04アプリ名、説明、メタタグの更新

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/wasp-lang/wasp-agent-plugins --skill add-feature

インストール後、Claude Code で/add-featureを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

app-branding.md
authentication.md
database.md
email-provider.md
styling.md

詳細

add-feature

Wasp の標準搭載機能をアプリに追加します。各実行では、一度に 1 つの機能に焦点を当てます。

開始前

  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 に従い、その内容を基準にしてください。

リストを使って AskUserQuestion を使用する場合のガイドライン

取得したリスト(認証方法、メールプロバイダーなど)からユーザーに選択してもらう場合は、次の手順に従います。

  1. 選択を尋ねる前に、利用可能なすべての選択肢をユーザーに表示し、全項目を確認できるようにします。

  2. AskUserQuestion の選択肢には、最も人気のある一般的な項目を使用します(2~4 項目に制限)。

  3. クイック選択肢に表示されていない項目も、一覧から選ぶために「Other」を選択できることをユーザーに伝えます。

  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.
    

機能の設定後

機能の設定が完了したら、次の手順を実行します。

  1. 変更内容を要約します。
  2. 該当する場合は、設定が必要な環境変数があるかどうかを伝え、設定方法の案内が必要かどうかを尋ねます。
    • 必要な場合は、環境変数に関する GitHub ドキュメントファイルの未加工 URL を取得し、手順を案内します。
  3. 別の機能も設定するかどうかをユーザーに尋ねます。

コメント