Wasp is a domain-specific language for building full-stack web apps with React, Node.js, and Prisma by providing a high-level configuration file.

Do I need to be in a specific directory to use this?

Yes, the skill requires you to be in the root directory of a Wasp project, which it verifies by looking for a main.wasp or main.wasp.ts file.

Can I add multiple features at once?

This skill is designed to configure one feature at a time to ensure accuracy and provide specific guidance for each module, though you can run it multiple times.

Which UI frameworks are supported?

The skill currently supports automated setup for Tailwind CSS and ShadCN UI.

Does it handle environment variables?

Yes, after configuration, it summarizes required environment variables and can guide you through the process of setting them up.

Wasp Feature Add-on

Name: Wasp Feature Add-on
Author: wasp-lang

bywasp-lang

•

API 开发

Configures and integrates Wasp's batteries-included features like authentication, databases, and styling directly into your application.

The Wasp add-feature skill simplifies full-stack development by automating the integration of core framework capabilities. It provides a guided interface for adding authentication providers, configuring database connections, setting up email services, and applying UI frameworks like Tailwind CSS or ShadCN. By managing the boilerplate configuration within Wasp's configuration files, this skill ensures best practices are followed while reducing the manual effort required to build production-ready applications.

主要功能

011 GitHub stars

02Guided setup for social and email authentication providers

03Step-by-step branding setup including app name and meta tags

04Automated environment variable guidance and setup verification

05Automated configuration for PostgreSQL or SQLite databases

06Seamless integration of Tailwind CSS and ShadCN UI

使用场景

01Migrating a Wasp app from SQLite to a production-grade PostgreSQL database

02Quickly bootstrapping a new Wasp project with complex auth and UI requirements

03Adding professional branding and SEO meta tags in a single guided session

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add wasp-lang/claude-plugins add-feature

For use in Claude.ai and ChatGPT

Download Skill