svelte
Svelte and SvelteKit development with built-in reactivity, stores, SSR/SSG, and modern web patterns.
npx skills add a5c-ai/babysitter --skill svelte --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Svelte Skill Expert assistance for building applications with Svelte and SvelteKit. ## Capabilities - Create Svelte components with reactive declarations - Implement Svelte stores for state management - Configure SvelteKit for SSR/SSG/SPA - Build API routes and form actions - Set up load functions for data fetching - Implement transitions and animations ## Usage Invoke this skill when you need to: - Build Svelte/SvelteKit applications - Create reactive components - Implement server-side rendering - Set up form handling with actions - Configure deployment ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | componentName | string | Yes | Component name | | sveltekit | boolean | No | Using SvelteKit (default: true) | | typescript | boolean | No | Use TypeScript (default: true) | | ssr | boolean | No | Enable SSR (default: true) | ## Component Patterns ### Basic Component ```svelte <!-- src/lib/components/UserCard.svelte --> <script lang="ts"> interface User { id: string; name: string; email: string; avatar?: string; } export let user: User; export let editable = false; let isEditing = false; let editedName = user.name; // Reactive
- Capabilities
- Usage
- Inputs
- Component Patterns
- Basic Component
- Svelte Stores
- SvelteKit Page with Load
- API Routes
- Transitions and Animations
- Best Practices
- Target Processes
What does the svelte skill do?
Svelte and SvelteKit development with built-in reactivity, stores, SSR/SSG, and modern web patterns.
How do I install it?
Run `npx skills add a5c-ai/babysitter --skill svelte --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From a5c-ai/babysitter, a repository with 1,642 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.