svelte-code-writer

The svelte-code-writer skill provides an intelligent, CLI-driven interface designed for Svelte 5 developers. It acts as an essential bridge between raw development workflows and the official Svelte ecosystem, enabling automated documentation retrieval and static code analysis. This tool is primarily intended for software engineers, frontend developers, and full-stack architects working within the SvelteKit or Svelte 5 framework environments. By integrating directly into your development workflow, it minimizes context switching when investigating reactive primitives like runes, syntax changes, or complex component patterns.

The skill is built to enhance productivity by automating the most repetitive aspects of modern web development—documentation lookups and code linting. It is highly recommended to pair this skill with the svelte-file-editor subagent for the best results, as the editor agent can autonomously trigger these analysis tools whenever a .svelte, .svelte.ts, or .svelte.js file is created or modified. It ensures that developers adhere to modern Svelte 5 best practices, identifying potential antipatterns early in the development lifecycle.

• Real-time Svelte 5 and SvelteKit documentation lookup via list-sections and get-documentation commands.

• Automated code analysis and linting through the svelte-autofixer tool, which suggests modern syntax improvements.

• Supports multi-version targets, allowing for seamless migration or maintenance of Svelte 4 and Svelte 5 codebases.

• Context-aware suggestions for Svelte runes like $state, $derived, and $effect to prevent common runtime errors.

• Integration with the OpenCode plugin system for automated project configuration and subagent synchronization.

• Always run svelte-autofixer on your components before finalizing builds to catch subtle reactivity issues.

• When using terminal commands for code analysis, remember to escape special characters such as the $ sign (e.g., $state) to prevent shell variable interference.

• Use the list-sections command initially to discover the scope of documentation before requesting deep-dive information via get-documentation.

• This tool is specifically optimized for Svelte 5 environments; ensure your environment variable configuration is handled correctly if working with remote MCP setups.

• Designed for high-frequency use in IDEs or CLI-based development environments to ensure consistent architectural adherence.