Does this skill support Svelte 4?

Yes, while optimized for Svelte 5 and runes, the svelte-autofixer tool includes a specific flag to target Svelte 4 code analysis and debugging.

How do I handle Svelte runes in the terminal with this skill?

When passing code containing runes (like $state) via the terminal, you must escape the dollar sign as \$ to prevent shell variable substitution.

Can it fix my Svelte code automatically?

The skill provides a dedicated 'svelte-autofixer' command that analyzes your code and suggests or applies fixes for common Svelte issues and syntax errors.

Where does the documentation information come from?

The skill retrieves official, up-to-date documentation sections directly from the @sveltejs/mcp package, ensuring you always have the latest framework guidance.

Svelte 5 Code Writer

Name: Svelte 5 Code Writer
Author: yuu19

byyuu19

0•

Design Tools

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

The Svelte 5 Code Writer skill empowers developers to build modern web interfaces with precision by integrating Svelte-specific CLI tools directly into the coding workflow. It provides real-time access to Svelte 5 and SvelteKit documentation, allowing for deep dives into specific syntax like runes ($state, $derived, $effect), and features an intelligent autofixer that detects and resolves common implementation errors in .svelte, .svelte.ts, and .svelte.js files. This skill ensures your frontend code adheres to the latest best practices and framework standards.

Key Features

01Automated code analysis and issue fixing for Svelte components

02Compatibility checking for both Svelte 4 and Svelte 5 projects

03Support for Svelte 5 runes syntax ($state, $derived, $effect)

040 GitHub stars

05Instant Svelte 5 documentation lookup via CLI commands

06Seamless integration with .svelte, .svelte.ts, and .svelte.js files

Use Cases

01Debugging complex reactive state issues and effect loops using runes

02Migrating legacy Svelte 4 components to modern Svelte 5 syntax

03Rapidly onboarding developers to Svelte 5 documentation within the terminal

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yuu19/subtrack svelte-code-writer

For use in Claude.ai and ChatGPT

Download Skill