What are Svelte runes?

Runes are the new reactivity primitives in Svelte 5, such as $state and $derived. This skill provides the documentation and analysis needed to use them correctly.

Can it fix my code automatically?

Yes, the svelte-autofixer can analyze your Svelte components and suggest or apply fixes for common errors and deprecated patterns.

Does this skill support Svelte 4?

Yes, while optimized for Svelte 5, the svelte-autofixer tool includes a specific flag to target Svelte 4 codebases.

How do I look up specific Svelte 5 syntax?

You can use the list-sections command to browse available topics and then use get-documentation to fetch the full details for specific runes or features.

Svelte 5 Code Writer

Name: Svelte 5 Code Writer
Author: sveltejs

bysveltejs

•

225

•

Developer Tools

Streamlines Svelte 5 development by providing instant documentation access and automated code analysis for modern runes and components.

The Svelte 5 Code Writer is a specialized skill designed to optimize the creation and maintenance of Svelte applications. By integrating the official Svelte Model Context Protocol (MCP), it grants Claude direct access to the latest Svelte 5 and SvelteKit documentation, including detailed guidance on modern runes like $state, $derived, and $effect. It features a powerful autofixer that analyzes code for common errors, ensuring your components adhere to best practices and simplifying the migration process from Svelte 4 to Svelte 5.

Key Features

01Direct integration with official Svelte core team tools

02Automated code analysis for .svelte and .svelte.ts/.js files

03225 GitHub stars

04Comprehensive support for Svelte 5 runes syntax

05Intelligent autofixing for common syntax and logic issues

06Instant lookup of Svelte 5 and SvelteKit documentation sections

Use Cases

01Implementing and debugging Svelte 5 runes like $state and $effect

02Migrating legacy Svelte 4 components to modern Svelte 5 standards

03Quickly referencing SvelteKit API documentation during development

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sveltejs/ai-tools svelte-code-writer

For use in Claude.ai and ChatGPT

Key Features

01Direct integration with official Svelte core team tools

02Automated code analysis for .svelte and .svelte.ts/.js files

03225 GitHub stars

04Comprehensive support for Svelte 5 runes syntax

05Intelligent autofixing for common syntax and logic issues

06Instant lookup of Svelte 5 and SvelteKit documentation sections

Use Cases

01Implementing and debugging Svelte 5 runes like $state and $effect

02Migrating legacy Svelte 4 components to modern Svelte 5 standards

03Quickly referencing SvelteKit API documentation during development

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sveltejs/ai-tools svelte-code-writer

For use in Claude.ai and ChatGPT