Does this skill work with existing Wasp projects?

Yes, as long as you are in the project root directory containing a main.wasp or main.wasp.ts file.

How does it verify my setup?

It includes a 'Verify Setup' feature that tests if your application compiles correctly and runs as expected after making configuration changes.

Which CSS frameworks are supported?

The skill currently supports configuring Tailwind CSS and adding ShadCN UI on top of it.

Does it handle environment variables for social auth?

Yes, it provides specific guidance and fetches documentation on how to set up the necessary environment variables for providers like Google and GitHub.

Can I configure multiple features at once?

The skill focuses on one feature at a time to ensure accuracy, but it allows you to easily loop back and configure additional features after each completion.

Wasp Framework Configuration

Name: Wasp Framework Configuration
Author: Freespirits

byFreespirits

0•

API Development

Configures Wasp framework features including authentication, databases, styling, and branding through an interactive guided process.

This skill streamlines the setup and customization of Wasp-based full-stack applications by providing a structured interface for managing core framework components. It guides users through complex configurations like social authentication (Google, GitHub), database migrations, email provider setup (SendGrid, Mailgun), and frontend styling with Tailwind CSS or ShadCN UI, ensuring all modifications align with Wasp's project structure. By automating the boilerplate of the main.wasp configuration, it allows developers to focus on building features rather than infrastructure wiring.

Key Features

01Seamless integration of Tailwind CSS and ShadCN UI styling systems

02Automated setup of Email, Google, and GitHub authentication methods

03Guided configuration for PostgreSQL and SQLite database connections

04Management of application branding, SEO meta tags, and project metadata

05Verification tools to test application compilation and environment variable readiness

060 GitHub stars

Use Cases

01Adding social login and email authentication to a new Wasp project

02Configuring production-ready email providers and database settings

03Integrating ShadCN UI components and Tailwind CSS into an existing application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add freespirits/dr-rogea configure-wasp

For use in Claude.ai and ChatGPT

Download Skill