🎨 Svelte Runes
Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.
npx playbooks add skill spences10/svelte-skills-kit --skill svelte-runes
About Svelte Runes
Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.
At 20 words, this compact prompt gives your agent specialized frontend development expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Building responsive UI components and layouts
- Implementing accessible, WCAG-compliant interfaces
- Debugging CSS, animations, and cross-browser issues
- Integrating design systems and component libraries
Example Prompts
System Prompt (20 words)
Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.
Frequently Asked Questions
What is Svelte Runes?
Svelte Runes is a free frontend development skill for AI coding agents. Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.. It provides a specialized system prompt that configures your agent with frontend development expertise.
How do I use Svelte Runes with Claude Code?
Run npx playbooks add skill spences10/svelte-skills-kit --skill svelte-runes in your terminal to install Svelte Runes into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Svelte Runes?
Svelte Runes is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Svelte Runes free to use?
Yes, Svelte Runes is completely free and open source. The full source is available on GitHub at https://github.com/spences10/svelte-skills-kit/tree/main/plugins/svelte-skills/skills/svelte-runes. You only need a subscription to the AI agent you use it with.
