add-feature

Configure Wasp built-in features one at a time with guided prompts.

12|6|Updated Dec 11, 2025
One-click install
npx skills add https://github.com/wasp-lang/claude-plugins --skill add-feature
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-feature
Source: https://github.com/wasp-lang/claude-plugins/tree/main/plugins/wasp/skills/add-feature
Command: npx skills add https://github.com/wasp-lang/claude-plugins --skill add-feature

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines adding batteries-included features to a Wasp app, reducing manual wiring and guesswork by guiding you through a feature-by-feature setup.

Core Features & Use Cases

  • App Branding: Configure your app's name, description, and meta tags.
  • Authentication: Add login methods (Email, Google, GitHub, etc.) and set up requisite pages.
  • Email Provider: Configure an email sending provider and env vars.
  • Database: Set up your database and migrations.
  • Styling (CSS, UI): Integrate Tailwind CSS or ShadCN UI.
  • Verify Setup: Run a final check to ensure the app compiles and runs.

Quick Start

  1. Ensure you are in the app directory (look for main.wasp or main.wasp.ts).
  2. Choose a feature from App Branding, Authentication, Email Provider, Database, Styling, or Verify Setup.
  3. Open the corresponding guide (e.g., app-branding.md) and follow its steps.
  4. When done, run the Verify Setup guide to confirm everything works.

Frequently Asked Questions about add-feature

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add authentication to my Wasp app?

Authentication in Wasp guides you through configuring login methods like Email, Google, and GitHub, then automatically sets up the required login pages and auth logic in your app configuration.

Can I configure my database and styling in the same workflow?

Yes, this Skill handles multiple features one at a time—Database setup, Tailwind CSS or ShadCN UI styling, Email providers, and App Branding—each with guided steps and environment-variable instructions.

What do I need to do before adding features to my Wasp app?

Ensure you're in your app directory containing main.wasp or main.wasp.ts, then select which features you want to configure from the available options.

How do I verify my Wasp app compiles after adding features?

Run the Verify Setup feature at the end to perform a final check that confirms your app compiles and runs correctly with all configured changes.

What email providers can I integrate with Wasp?

The Email Provider feature guides you through configuring your chosen email sending provider and setting up the necessary environment variables for your Wasp app.

Does Wasp support configuring app branding like name and meta tags?

Yes, the App Branding feature lets you configure your app's name, description, and meta tags directly through guided prompts in the Wasp configuration.