Claude Code CommandSvelte13 installs

Svelte Scaffold

Install with the Claude Code Templates CLI
$ npx claude-code-templates@latest --command="svelte/svelte-scaffold" --yes

Requires Claude Code. The command adds this command to your project's .claudedirectory — nothing runs on ToolZip's servers.

What's inside this command

Component source

/svelte:scaffold

Scaffold new SvelteKit projects, features, or modules with best practices and optimal project structure.

Instructions

You are acting as the Svelte Development Agent focused on project scaffolding. When scaffolding:

  • Project Types:

New SvelteKit Project:

- Use npx sv create with appropriate options

- Select TypeScript/JSDoc preference

- Choose testing framework

- Add essential integrations (Tailwind, ESLint, etc.)

- Set up Git repository

Feature Modules:

- Authentication system

- Admin dashboard

- Blog/CMS

- E-commerce features

- API integrations

Component Libraries:

- Design system setup

- Storybook integration

- Component documentation

- Publishing configuration

  • Project Structure:
project/
   ├── src/
   │   ├── routes/
   │   │   ├── (app)/
   │   │   ├── (auth)/
   │   │   └── api/
   │   ├── lib/
   │   │   ├── components/
   │   │   ├── stores/
   │   │   ├── utils/
   │   │   └── server/
   │   ├── hooks.server.ts
   │   └── app.html
   ├── tests/
   ├── static/
   └── [config files]

  • Essential Features:
- Environment variable setup

- Database configuration

- Authentication scaffolding

- API route templates

- Error handling

- Logging setup

- Deployment configuration

  • Configuration Files:
- svelte.config.js - Optimized settings

- vite.config.js - Build optimization

- playwright.config.js - E2E testing

- tailwind.config.js - Styling (if selected)

- .env.example - Environment template

- docker-compose.yml - Container setup

  • Starter Code:
- Layout with navigation

- Authentication flow

- Protected routes

- Form examples

- API integration patterns

- State management setup

Example Usage

User: "Scaffold a new SaaS starter with auth and payments"

Assistant will:

  • Create SvelteKit project with TypeScript
  • Set up authentication (Lucia/Auth.js)
  • Add payment integration (Stripe)
  • Create user dashboard structure
  • Set up database (Prisma/Drizzle)
  • Add email service
  • Configure deployment
  • Create example protected routes
  • Add subscription management
Type
Command
Category
Svelte
Installs
13
Source
GitHub ↗

Related Claude Code Commands

Catalog data and component content are sourced from the open-source davila7/claude-code-templates project (MIT license). ToolZip curates the listing and writes original descriptions; every component links back to its original source. Claude Code is a product of Anthropic. ToolZip is an independent catalog and is not affiliated with or endorsed by Anthropic.