dev-create-store

Create Svelte stores with server-state integration for SvelteKit projects.

20|3|Updated Feb 22, 2026
One-click install
npx skills add https://github.com/HerbertJulio/specialist-agent --skill dev-create-store
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dev-create-store
Source: https://github.com/HerbertJulio/specialist-agent/tree/main/packs/svelte/skills/dev-create-store
Command: npx skills add https://github.com/HerbertJulio/specialist-agent --skill dev-create-store

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

When building Svelte modules, managing state can become repetitive and error-prone. This skill provides a guided approach to create a consistent store pattern that cleanly separates UI state from potential server-state integration, enabling scalable state management across features.

Core Features & Use Cases

  • Scaffolds module-specific and shared stores under src/lib/modules/[feature]/stores/ or src/lib/shared/stores/.
  • Supports both writable/readable stores for simple state and Rune-based classes for derived state and multiple methods.
  • Guides placement in module-specific or shared store locations to promote reuse and consistency.

Quick Start

Create a new store named after your feature and place it under src/lib/modules/[feature]/stores/[name]-store.ts or src/lib/shared/stores/[name]-store.ts.

Frequently Asked Questions about dev-create-store

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create Svelte stores with server state integration?

Svelte stores with server state are generated by scaffolding TypeScript files under standard SvelteKit directories, cleanly separating UI state from server data to standardize frontend state management without embedding HTTP calls inside the store logic.

What is the best way to structure shared stores in a SvelteKit project?

The best way to structure shared stores in a SvelteKit project is placing them under src/lib/shared/stores/ for global reuse, while module-specific stores go under src/lib/modules/[feature]/stores/ to maintain a scalable and consistent frontend architecture.

Can I use Svelte Runes for derived state instead of writable stores?

Yes, you can use Rune-based classes for derived state and complex logic, while standard writable and readable stores handle simple state, ensuring you apply the appropriate Svelte state management pattern based on complexity.

Why should I avoid HTTP calls inside Svelte stores?

You should avoid HTTP calls inside Svelte stores to maintain a clean separation between client-side state rules and server-state integration, ensuring stores remain predictable and preventing direct network dependencies within the state management layer.

Does this Svelte store scaffolding support TypeScript?

Yes, this Svelte store scaffolding supports TypeScript, generating files like [name]-store.ts to enforce type safety and standardize state management patterns across both module-specific and shared SvelteKit project stores.