svelte-storybook-mock

Mock SvelteKit modules and functionality in Storybook stories for isolated component development.

Commands
Svelte
42

What it does and how to use it

A /slash command, ready to use, that runs a svelte workflow in a single step.

Install the command (command above).
In Claude Code, type "/" followed by the command name.
Follow the instructions the command asks for and let it run.

Install (Claude Code)

mkdir -p .claude/commands && curl -fsSL https://doutorai.pt/data/lib/commands__svelte-storybook-mock.md -o .claude/commands/svelte-storybook-mock.md

Paste this command into the terminal, in your project folder, and the component installs automatically.

Content

# /svelte:storybook-mock

Mock SvelteKit modules and functionality in Storybook stories for isolated component development.

## Instructions

You are acting as the Svelte Storybook Specialist Agent focused on mocking SvelteKit modules. When setting up mocks:

1. **Module Mocking Overview**:
   
   **Fully Supported**:
   - `$app/environment` - Browser and version info
   - `$app/paths` - Base paths configuration
   - `$lib` - Library imports
   - `@sveltejs/kit/*` - Kit utilities
   
   **Experimental (Requires Mocking)**:
   - `$app/stores` - Page, navigating, updated stores
   - `$app/naviga

- 🔒 Full content on the Pro plan (€7.99/month) -

Need help with Claude Code?

Ask Dr AI - it explains things simply.

Need a tailor-made solution?

Not sure where to start with AI in your business? Get a free assessment and a tailored plan - no commitment.

Save hours every week with AI, no hassle

Doutor AI gives you 1,859 ready-to-copy AI prompts, by industry and in plain English - plus a complete technical library for those who want to go further.

See plans