Add Feature

This handles Wasp's full-stack feature configuration through a guided workflow. Instead of digging through docs for auth providers, email setup, or Tailwind integration, you get an interactive menu that walks you through one feature at a time. It checks you're in the right directory, asks which feature you want (authentication, database, styling, etc.), then pulls the relevant documentation and guides you through the setup. The approach of showing all options but limiting quick-select choices to the most common ones is smart, keeps things moving without overwhelming you. After each feature it reminds you about environment variables and asks if you want to configure another one. Basically turns Wasp's batteries-included features into a choose-your-own-adventure setup guide.

skills.sh installs: 157
GitHub stars: 14
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add wasp-lang/wasp-agent-plugins --skill add-feature --agent claude-code

Installs into .claude/skills of the current project.

Files

add-feature

Add Wasp's batteries-included features to your app. Each invocation focuses on one feature at a time.

Before Starting

Verify user is in the app directory (check for the Wasp config file: main.wasp or main.wasp.ts)

Available Wasp Features

Present these features to the user and let them choose ONE to configure:

Feature	Description
App Branding	Set your app's name, description, and meta tags
Authentication	Add login methods (Email, Google, GitHub, etc.)
Email Provider	Configure email sending (SendGrid, Mailgun, etc.)
Database	Set up your database (PostgreSQL, SQLite, etc.)
Styling (CSS, UI)	Add Tailwind CSS or ShadCN UI (on top of Tailwind CSS)