Turn Claude Code into a Fullstack web app expert 🔌

Source: Dev.to

Why Claude Code Needs a Wasp Plugin

Claude Code is a great coding assistant, but it doesn’t always know how to leverage Wasp’s batteries‑included, full‑stack framework features.
Wasp is built on popular tools that developers (and AI) love—React, ExpressJS, Prisma, and TanStack Query. Because of this, Claude may defer to building directly with those tools rather than using Wasp’s higher‑level abstractions.

• Authentication example – If you ask Claude to add Google auth, it might suggest a library like AuthJS or Better Auth. Wasp can handle this in just a few lines of code, but Claude might not be aware of that shortcut.
• Hallucinations & outdated syntax – As an emerging framework, Claude can hallucinate Wasp patterns, use deprecated syntax, or make incorrect assumptions about how a full‑stack app should be built.

To address these issues, the Wasp team created a Claude Code plugin that turns Claude into a true Wasp expert.

Turn Claude into a Wasp Expert

Claude Code allows user‑defined commands, skills, hooks, and rules that act as knowledge sources and guardrails. The Wasp‑Claude plugin bundles the essential pieces so Claude can work fluently with Wasp projects.

Installation

Add the plugin from the Claude marketplace:

claude plugin marketplace add wasp-lang/claude-plugins

Install it into your project:

claude plugin install wasp@wasp-plugins --scope project

Initialize the plugin in a Claude Code session:

/wasp:init

Features

• Automatic documentation – Fetches the correct Wasp docs for your project’s version during development and debugging.
• Error prevention – Provides Wasp‑specific tips, patterns, and best practices to avoid hallucinations or outdated approaches.
• Guided workflows – Skills and commands walk you through setting up Wasp’s batteries‑included features: auth, email, database, deployment, etc.
• Full debugging visibility – Starts managed databases, dev servers, and connects browser console access so Claude sees the entire stack.
• Version guardrails – Hooks ensure Claude checks your project’s Wasp version and pulls the appropriate LLM‑friendly docs before performing tasks.

Example Commands

You can ask Claude to handle a variety of Wasp‑related tasks, such as:

• “Add Google authentication to my app”
• “Migrate the database from SQLite to PostgreSQL and start it for me”
• “Deploy my app to Railway for me”
• “Help me add ShadCN UI to my app to build a dashboard”
• “Start a new SaaS app using Wasp’s SaaS starter template”
• “Why isn’t my recurring job working?”

The plugin also provides slash commands like /wasp:help for quick reference.

Future Plans

The first iteration focuses on giving Claude solid Wasp fundamentals. Future updates will add:

• More guardrails and advanced skills
• Additional workflows to speed up development
• A separate plugin for Open SaaS, the open‑source SaaS starter built on Wasp, to simplify SaaS app creation

Feedback and ideas are welcome to help improve the plugin.