Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From sveltekit-frontend
Add a specific feature to an existing SvelteKit project. Features include page, component, layout, api, migrate.
npx claudepluginhub vanman2024/ai-dev-marketplace --plugin sveltekit-frontendHow this command is triggered — by the user, by Claude, or both
Slash command
/sveltekit-frontend:add <feature> [options]The summary Claude sees in its command listing — used to decide when to auto-load this command
# Add SvelteKit Feature **Requested Feature:** `$0` **Additional Options:** `$1` `$2` --- ## Argument Routing Based on the feature argument `$0`, route to the appropriate specialized agent: ### Page Features **If `$0` = "page":** **If `$0` = "layout":** ### Component Features **If `$0` = "component":** ### API Features **If `$0` = "api":** ### Migration Features **If `$0` = "migrate":** ### Design Features **If `$0` = "design":** ### Routing Features **If `$0` = "route":** --- ## Usage Examples --- ## Feature Reference | Feature | Agent ...
/svelteAssesses and scaffolds Svelte/SvelteKit projects with Svelte 5 runes reactivity, stores, routing, load functions, form actions, SSR, adapters, hooks, and Vitest tests. Supports flags like --audit, --migrate, --component.
/svelte-scaffoldScaffolds new SvelteKit projects, features, or modules with best practices, optimal structure, TypeScript, Tailwind, auth, database, and deployment configs.
/addAdd a specific feature to an existing Next.js project. Features include page, component, api, auth, ai, supabase, design.
/svelte-componentCreates new Svelte components with best practices, proper structure, optional TypeScript support, tests, Storybook stories, and usage docs.
/next-featureScaffolds a new Next.js App Router feature including pages, components, server actions, types, tests. Clarifies page/component type, data fetching from Kotlin BE, interactions, auth first.
/scaffoldScaffolds Next.js App Router pages, layouts, server/client components, API routes, server actions, and loading/error states following best practices and project patterns.
Share bugs, ideas, or general feedback.
Requested Feature: $0
Additional Options: $1 $2
Based on the feature argument $0, route to the appropriate specialized agent:
If $0 = "page":
Task(page-generator-agent) Add PAGE.
Requirements:
- Page name: $1 (required)
- Page type: $2 (static, dynamic, server - default: static)
- Create page component
- Add to routes
- Set up load function
- Configure SEO
If $0 = "layout":
Task(routing-wiring-agent) Add LAYOUT.
Requirements:
- Layout name: $1 (required)
- Scope: $2 (global, group, page - default: group)
- Create layout component
- Add slots
- Configure inheritance
If $0 = "component":
Task(component-builder-agent) Add COMPONENT.
Requirements:
- Component name: $1 (required)
- Type: $2 (ui, feature, form - default: ui)
- Create component file
- Add props/slots
- Configure styling
- Add exports
If $0 = "api":
Task(routing-wiring-agent) Add API ROUTE.
Requirements:
- Route name: $1 (required)
- Methods: $2 (get, post, put, delete, all - default: all)
- Create server endpoint
- Add request handling
- Set up response
- Add types
If $0 = "migrate":
Task(html-to-svelte-migration-agent) MIGRATE HTML to Svelte.
Requirements:
- Source: $1 (file path or URL)
- Target: $2 (component, page - default: component)
- Convert HTML to Svelte
- Extract components
- Add reactivity
- Configure styling
If $0 = "design":
Task(design-enforcer-agent) Add DESIGN feature.
Requirements:
- Feature: $1 (theme, tokens, components - default: theme)
- Configure design system
- Add variables
- Create documentation
If $0 = "route":
Task(routing-wiring-agent) Add ROUTE configuration.
Requirements:
- Route type: $1 (group, dynamic, optional, rest - required)
- Route name: $2 (route name)
- Create route structure
- Configure parameters
- Add load functions
# Pages & Layouts
/sveltekit-frontend:add page dashboard static
/sveltekit-frontend:add page user dynamic
/sveltekit-frontend:add layout admin group
# Components
/sveltekit-frontend:add component Button ui
/sveltekit-frontend:add component UserCard feature
/sveltekit-frontend:add component ContactForm form
# API Routes
/sveltekit-frontend:add api users all
/sveltekit-frontend:add api webhook post
# Migration
/sveltekit-frontend:add migrate ./legacy/page.html page
/sveltekit-frontend:add migrate https://example.com component
# Design & Routing
/sveltekit-frontend:add design theme
/sveltekit-frontend:add route dynamic [id]
/sveltekit-frontend:add route group (auth)
| Feature | Agent | $1 Options | Description |
|---|---|---|---|
page | page-generator | page-name (required) | New page |
layout | routing-wiring | layout-name (required) | Layout component |
component | component-builder | component-name (required) | UI component |
api | routing-wiring | route-name (required) | API endpoint |
migrate | migration-agent | source path/URL (required) | HTML to Svelte |
design | design-enforcer | theme/tokens/components | Design system |
route | routing-wiring | group/dynamic/optional/rest | Route configuration |