Why should I use the Svelte autofixer?

The autofixer automatically identifies syntax errors and suggests improvements based on official Svelte patterns, reducing debugging time and improving code quality.

Can I use this for Svelte 4 projects?

Yes, the svelte-autofixer tool includes a target version option that allows you to analyze and fix Svelte 4 code specifically.

How does the documentation lookup feature work?

You can use the 'list-sections' command to see available topics and then use 'get-documentation' to retrieve the full content for specific Svelte API or features.

Does this skill support Svelte 5 Runes?

Yes, the Svelte Code Writer is specifically optimized for Svelte 5 and includes tools for analyzing and fixing runes like $state, $derived, and $effect.

Svelte Code Writer

Name: Svelte Code Writer
Author: sveltejs

bysveltejs

•

225

•

Design Tools

Optimizes Svelte development by providing real-time documentation lookup and automated code analysis for Svelte 5 and 4.

The Svelte Code Writer is an official tool designed to streamline the development of Svelte components by integrating documentation and analysis directly into the Claude environment. It specializes in Svelte 5 features such as runes, offering powerful CLI-driven capabilities to list documentation sections, fetch detailed guides, and run an automated autofixer. This skill ensures that your Svelte code adheres to the latest best practices and syntax requirements, making it an essential companion for building, debugging, and refactoring modern frontend interfaces.

Key Features

01225 GitHub stars

02Full support for Svelte 5 runes syntax ($state, $derived, $effect)

03Integrated documentation section listing for quick reference

04Targeted support for both Svelte 4 and Svelte 5 versions

05Automated code analysis and autofixing for common Svelte issues

06Official Svelte 5 and SvelteKit documentation retrieval

Use Cases

01Real-time debugging of reactivity issues and component lifecycle logic

02Learning and implementing new Svelte 5 features via direct documentation access

03Migrating legacy Svelte 4 components to the new Svelte 5 runes syntax

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

01225 GitHub stars

02Full support for Svelte 5 runes syntax ($state, $derived, $effect)

03Integrated documentation section listing for quick reference

04Targeted support for both Svelte 4 and Svelte 5 versions

05Automated code analysis and autofixing for common Svelte issues

06Official Svelte 5 and SvelteKit documentation retrieval

Use Cases

01Real-time debugging of reactivity issues and component lifecycle logic

02Learning and implementing new Svelte 5 features via direct documentation access

03Migrating legacy Svelte 4 components to the new Svelte 5 runes syntax

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