sveltekit-page-generator

Generate SvelteKit page files with load functions and form actions.

Updated Dec 17, 2025
One-click install
npx skills add https://github.com/ehtbanton/ClaudeSkillsRepo --skill sveltekit-page-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sveltekit-page-generator
Source: https://github.com/ehtbanton/ClaudeSkillsRepo/tree/main/sveltekit-page-generator
Command: npx skills add https://github.com/ehtbanton/ClaudeSkillsRepo --skill sveltekit-page-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the creation of SvelteKit page files, including necessary server-side logic for data loading and form handling, streamlining the development of SvelteKit applications.

Core Features & Use Cases

  • Page Generation: Creates +page.svelte files for frontend rendering.
  • Server Logic: Generates +page.server.ts files for load functions and form actions.
  • Use Case: When starting a new feature that requires a dynamic page with data fetching and form submission, use this Skill to quickly scaffold the necessary SvelteKit files.

Quick Start

Create a SvelteKit page for user profiles.

Frequently Asked Questions about sveltekit-page-generator

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

FAQPage Schema
How do I generate SvelteKit pages with load functions and form actions?

To generate SvelteKit pages with load functions, use this Skill to scaffold both the +page.svelte frontend file and the +page.server.ts backend file, automatically including server-side logic for data loading and form handling.

What files do I need for dynamic SvelteKit pages with server-side logic?

Dynamic SvelteKit pages with server-side logic require a +page.svelte file for frontend rendering and a +page.server.ts file for load functions and form actions. This Skill automates the creation of both files.

Can I use this page generator with SvelteKit 2.x file structure standards?

Yes, the page generator adheres to SvelteKit 2.x standards for file structure and syntax. It ensures the generated +page.svelte and +page.server.ts files follow the latest framework conventions.

What is the best way to scaffold a SvelteKit feature with data fetching and form submission?

The best way to scaffold a SvelteKit feature with data fetching and form submission is using this generator to quickly create the necessary page files with load functions and form actions, streamlining your development process.

Does the generated +page.server.ts file include both load functions and form actions?

Yes, the generated +page.server.ts file includes both load functions for data fetching and form actions for form submission. This provides a complete server-side logic foundation for your dynamic pages.