sveltejs/ai-tools
2 skills10.8k installs602 starsGitHub
Install
npx skills add https://github.com/sveltejs/ai-toolsSkills in this repo
1Svelte Code WriterCLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.svelte) or Svelte module (.svelte.ts/.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results. --- name: svelte-code-writer description: CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.svelte) or Svelte module (.svelte.ts/.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results. --- # Svelte 5 Code Writer ## CLI Tools You have access to `@sveltejs/mcp` CLI for Svelte-specific assistance. Use these commands via `npx`: ### List Documentation Sections ```bash npx @sveltejs/mcp list-sections ``` Lists all available Svelte 5 and SvelteKit documentation sections with titles and paths. ### Get Documentation ```bash npx @sveltejs/mcp get-documentation "<section1>,<section2>,..." ``` Retrieves full documentation for specified sections.7.1kinstalls2Svelte Core BestpracticesSvelte Core Best Practices is an official Svelte agent skill for writing fast, robust Svelte 5 code in runes mode. It restricts $state to truly reactive variables, recommends $state.raw for large reassigned-only objects like API responses, prefers $derived over $effect for computed values, and treats $effect as an escape hatch that should not update state. Props must flow into $derived values rather than one-time assignments, $inspect.trace helps debug reactivity chains, and event listeners use onclick attributes instead of on: directives. Snippets replace slots for reusable markup, keyed each blocks improve list performance, CSS custom properties bridge JS variables into styles, and context via createContext beats shared module state especially for SSR isolation. Async Svelte await expressions require experimental.async in svelte.config.js from version 5.36 onward. The skill documents avoiding onMount for window listeners in favor of svelte:window, preferring attach over use:action, and replacing legacy patterns including export let, $: statements, stores, and svelte:component with runes-era equivalents.3.7kinstalls