Svelte Scaffold
$ npx claude-code-templates@latest --command="svelte/svelte-scaffold" --yesRequires 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:
- 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:
- 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
Related Claude Code Commands
Svelte Debug
A ready-to-install Claude Code component.
Svelte Test Coverage
A ready-to-install Claude Code component.
Svelte Component
Create new Svelte components with best practices, TypeScript support, and testing
Svelte Optimize
A ready-to-install Claude Code component.
Svelte Test Setup
A ready-to-install Claude Code component.
Svelte Test
A ready-to-install Claude Code component.
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.